@corva/ui 3.78.0-3 → 3.78.0-4

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

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

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

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

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

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

package/cjs-bundle/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","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","ButtonComponent","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","jsx","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","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","ButtonComponent","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","jsx","Divider"],"mappings":"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"}

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

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

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

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