@corva/ui 3.75.0-17 → 3.75.0-18

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

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

package/componentsV2/TemplatesControl/ShareModal/ShareModal.js

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

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

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

package/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js

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

package/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js.map

@@ -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":["IconMenu","_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","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"uoJAmBaA,IAAAA,EAAW,SAAgEC,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAJFD,sBACAE,EAGED,EAHFC,mBACAC,EAEEF,EAFFE,uBACAC,EACEH,EADFG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,IAAkBM,EAAAJ,EAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,GAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,GAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAACC,EAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOQ,UAAUL,SAC9BvB,EAAmB6B,KAAI,SAAAF,GAAK,OAC3BH,EAAA,MAAA,CAEEL,UAAWW,EACTV,EAAOW,UACPJ,IAAUf,GAAiBQ,EAAOY,SAClCL,IAAUpC,GAAa6B,EAAOa,SAEhCC,MAAO,CAAE,mBAAoBP,GAC7BQ,QAAS,WAAA,OAAMtB,EAAiBc,EAAO,EAAAJ,SAEvCC,EAACY,EAAc,CAACV,KAAM,GAAIP,UAAWC,EAAOiB,aATvCV,QAcXH,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOkB,UAAUf,SAC9BgB,OAAOC,QAAQvC,GAAiB4B,KAAI,SAAAY,GAAA,IAAAC,EAAAnC,EAAAkC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/ClB,EAACqB,EAAU,CAETnB,KAAK,QACLoB,KAAMtC,IAAiBmC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM1B,EAAgBkC,EAAM,EAAApB,SAErCC,EAACoB,EAAI,CAACjB,MAAOf,KALR+B,UAWjB"}
+{"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":["IconMenu","_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","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"0vJAmBaA,IAAAA,EAAW,SAAgEC,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAJFD,sBACAE,EAGED,EAHFC,mBACAC,EAEEF,EAFFE,uBACAC,EACEH,EADFG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,IAAkBM,EAAAJ,EAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,GAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,GAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAACC,EAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOQ,UAAUL,SAC9BvB,EAAmB6B,KAAI,SAAAF,GAAK,OAC3BH,EAAA,MAAA,CAEEL,UAAWW,EACTV,EAAOW,UACPJ,IAAUf,GAAiBQ,EAAOY,SAClCL,IAAUpC,GAAa6B,EAAOa,SAEhCC,MAAO,CAAE,mBAAoBP,GAC7BQ,QAAS,WAAA,OAAMtB,EAAiBc,EAAO,EAAAJ,SAEvCC,EAACY,EAAc,CAACV,KAAM,GAAIP,UAAWC,EAAOiB,aATvCV,QAcXH,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOkB,UAAUf,SAC9BgB,OAAOC,QAAQvC,GAAiB4B,KAAI,SAAAY,GAAA,IAAAC,EAAAnC,EAAAkC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/ClB,EAACqB,EAAU,CAETnB,KAAK,QACLoB,KAAMtC,IAAiBmC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM1B,EAAgBkC,EAAM,EAAApB,SAErCC,EAACoB,EAAI,CAACjB,MAAOf,KALR+B,UAWjB"}

package/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js

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

package/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js.map

@@ -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":["TemplatesTreeMenuHeader","_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","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"6+IAkCaA,IAAAA,EAA0B,SAQHC,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAASL,GAAc,IAAGY,EAAAL,EAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,EAAyB,MAEpCC,EAAOC,GAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,GAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,GAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,GAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,GACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,GAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,GAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,KAAKD,SAAA,CACzBxC,EACDoC,EAAA,MAAA,CACEC,UAAWK,EACTJ,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOK,SACpCjC,GAAaR,GAAcoC,EAAOM,QAClCjB,GAAYW,EAAOX,UAErBkB,QAAS3B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,EAACU,EAAI,CAACC,KAAM,GAAIV,UAAWC,EAAOU,YAAYR,SAAA,CAC5CS,EAACC,EAAgB,CAAAV,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbuC,EAAA,QAAA,CACEE,KAAK,OACL7B,MAAOR,EACPsC,SAAUhC,EACVS,QAASA,EACTQ,UAAWC,EAAOe,MAClBC,IAAKtC,OAIVd,IAAeQ,GACd0B,EAAA,MAAA,CAAKC,UAAWC,EAAOiB,WAAWf,SAAA,CAChCS,EAACO,EAAU,CAACT,KAAK,QAAQF,QAAS3B,EAAMuC,SAAUpD,EAAWmC,SAC3DS,EAACS,EAAS,MAEXrD,GAAc4C,EAACU,EAAc,CAACZ,KAAK,KAAKV,UAAWC,EAAOsB,sBAG9D1D,GAAcQ,GACbuC,EAACO,EAAU,CAACT,KAAK,QAAQF,QAASjB,EAAMuB,KAAK,WAAWM,SAAU9B,EAASa,SACzES,EAACY,EAAc,SAKpBnC,GACCuB,EAACH,EAAI,CACHT,UAAWK,EAAWJ,EAAOwB,eAAgBnC,GAAYW,EAAOX,UAChEoB,KAAM,GACNgB,MAAM,KACNC,QAAQ,MAAKxB,SAEZd,MAKX"}
+{"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":["TemplatesTreeMenuHeader","_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","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"0lJAkCaA,IAAAA,EAA0B,SAQHC,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAASL,GAAc,IAAGY,EAAAL,EAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,EAAyB,MAEpCC,EAAOC,GAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,GAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,GAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,GAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,GACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,GAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,GAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,KAAKD,SAAA,CACzBxC,EACDoC,EAAA,MAAA,CACEC,UAAWK,EACTJ,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOK,SACpCjC,GAAaR,GAAcoC,EAAOM,QAClCjB,GAAYW,EAAOX,UAErBkB,QAAS3B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,EAACU,EAAI,CAACC,KAAM,GAAIV,UAAWC,EAAOU,YAAYR,SAAA,CAC5CS,EAACC,EAAgB,CAAAV,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbuC,EAAA,QAAA,CACEE,KAAK,OACL7B,MAAOR,EACPsC,SAAUhC,EACVS,QAASA,EACTQ,UAAWC,EAAOe,MAClBC,IAAKtC,OAIVd,IAAeQ,GACd0B,EAAA,MAAA,CAAKC,UAAWC,EAAOiB,WAAWf,SAAA,CAChCS,EAACO,EAAU,CAACT,KAAK,QAAQF,QAAS3B,EAAMuC,SAAUpD,EAAWmC,SAC3DS,EAACS,EAAS,MAEXrD,GAAc4C,EAACU,EAAc,CAACZ,KAAK,KAAKV,UAAWC,EAAOsB,sBAG9D1D,GAAcQ,GACbuC,EAACO,EAAU,CAACT,KAAK,QAAQF,QAASjB,EAAMuB,KAAK,WAAWM,SAAU9B,EAASa,SACzES,EAACY,EAAc,SAKpBnC,GACCuB,EAACH,EAAI,CACHT,UAAWK,EAAWJ,EAAOwB,eAAgBnC,GAAYW,EAAOX,UAChEoB,KAAM,GACNgB,MAAM,KACNC,QAAQ,MAAKxB,SAEZd,MAKX"}

package/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.js

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

package/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.js.map

@@ -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","ButtonIcon","menuToggle","type","MoreIcon"],"mappings":"uyIAyBaA,EAAwBC,GACnC,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,EAAA,MAAA,CACEd,IAAKA,EACLe,UAAWC,EACTC,EAAOC,KACPT,GAAcQ,EAAOE,SACrBjB,GAAYe,EAAOG,OACnBP,GAAcI,EAAOI,UAEvBC,MAAO,CAAE,uBAAwBlB,GACjCD,QAASA,EAAQoB,SAAA,CAEjBC,EAACjB,EAAa,CAACQ,UAAWE,EAAOQ,KAAMC,MAAOd,IAE9CE,EAACa,EAAI,CAACC,KAAM,GAAIb,UAAWE,EAAOY,MAAOH,MAAM,UAASH,SAAA,CACtDC,EAACM,EAAgB,CAAAP,SAAEtB,IAClBI,GACCmB,EAACG,EAAI,CAACC,KAAM,GAAIF,MAAM,KAAIH,SACxBC,EAACM,EAAgB,CAAAP,SAAElB,SAKxBC,EAEAI,GACCc,EAACO,EAAU,CACTH,KAAK,KACLb,UAAWE,EAAOe,WAClB7B,QAASO,EACTuB,KAAMpB,EAAa,aAAe,WAAWU,SAE7CC,EAACU,EAAQ,QAKnB"}
+{"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","ButtonIcon","menuToggle","type","MoreIcon"],"mappings":"o5IAyBaA,EAAwBC,GACnC,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,EAAA,MAAA,CACEd,IAAKA,EACLe,UAAWC,EACTC,EAAOC,KACPT,GAAcQ,EAAOE,SACrBjB,GAAYe,EAAOG,OACnBP,GAAcI,EAAOI,UAEvBC,MAAO,CAAE,uBAAwBlB,GACjCD,QAASA,EAAQoB,SAAA,CAEjBC,EAACjB,EAAa,CAACQ,UAAWE,EAAOQ,KAAMC,MAAOd,IAE9CE,EAACa,EAAI,CAACC,KAAM,GAAIb,UAAWE,EAAOY,MAAOH,MAAM,UAASH,SAAA,CACtDC,EAACM,EAAgB,CAAAP,SAAEtB,IAClBI,GACCmB,EAACG,EAAI,CAACC,KAAM,GAAIF,MAAM,KAAIH,SACxBC,EAACM,EAAgB,CAAAP,SAAElB,SAKxBC,EAEAI,GACCc,EAACO,EAAU,CACTH,KAAK,KACLb,UAAWE,EAAOe,WAClB7B,QAASO,EACTuB,KAAMpB,EAAa,aAAe,WAAWU,SAE7CC,EAACU,EAAQ,QAKnB"}

package/componentsV2/TemplatesControl/Toggle/Toggle.js

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

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

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