@corva/ui 3.80.0-2 → 3.80.0-3

package/cjs-bundle/components/PadOffsetsPickerV2/PadOffsetsPickerV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PadOffsetsPickerV2.js","sources":["../../../../src/components/PadOffsetsPickerV2/PadOffsetsPickerV2.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport {\n  Button,\n  FormControl,\n  InputLabel,\n  Select,\n  MenuItem,\n  Checkbox,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport React, { useMemo } from 'react';\n\nimport { Modal, AssetsMultipleSelector } from '~/components';\nimport { AssetsMultipleSelectorProps } from '~/components/AssetsMultipleSelector/AssetsMultipleSelector';\nimport { AssetSelectorPad, AssetSelectorPadWell, PadOffsetsPickerV2Props } from './types';\nimport { useOffsetPickerActions } from './useOffsetPickerActions';\nimport { OffsetSetting } from '~/types';\n\nconst useStyles = makeStyles({\n  cancelButton: {\n    marginLeft: 'auto',\n    marginRight: 16,\n  },\n});\n\nconst convertWellToOffset = (well: AssetSelectorPadWell): OffsetSetting => ({\n  selectedWellId: Number(well.assetId),\n  selectedWellIdNew: well.id,\n  selectedWellName: well.name,\n  selectedWellStatus: well.status,\n  selectedStages: [],\n  stages: {},\n});\n\nconst PadOffsetsPickerV2 = ({\n  assets,\n  opened,\n  currentOffsetSetting,\n  appPad,\n  companyId,\n  onSave,\n  onClose,\n}: PadOffsetsPickerV2Props): JSX.Element => {\n  const classes = useStyles();\n  const { selectedPads, selectedWellAssetIds, setSelectedPads, setSelectedWellAssetIds } =\n    useOffsetPickerActions({ opened, appPad, assets, currentOffsetSetting });\n\n  const wellsList: AssetSelectorPadWell[] = useMemo(\n    () => selectedPads.reduce<AssetSelectorPadWell[]>((result, pad) => result.concat(pad.wells), []),\n    [selectedPads]\n  );\n\n  const handlePadSelect = (pads: AssetSelectorPad[]) => {\n    setSelectedPads(pads);\n  };\n\n  const handleWellSelect = (event: React.ChangeEvent<{ value: unknown }>) => {\n    setSelectedWellAssetIds(event.target.value as number[]);\n  };\n\n  const handleSave = () => {\n    const selectedWells = wellsList.filter(well => selectedWellAssetIds.includes(well.assetId));\n    const offsetsMap = new Map(currentOffsetSetting.map(offset => [offset.selectedWellId, offset]));\n\n    const newOffsets = selectedWells.map(well => {\n      const preSelectedWell = offsetsMap.get(+well.assetId);\n      if (preSelectedWell) return preSelectedWell;\n\n      return convertWellToOffset(well);\n    });\n\n    onSave(newOffsets);\n    onClose();\n  };\n\n  const padSelectorQuery = useMemo(\n    () => ({\n      company: [companyId],\n      fields: ['pad.wells'],\n      sort: 'last_active_at',\n      per_page: 100,\n    }),\n    [companyId]\n  );\n\n  return (\n    <Modal\n      open={opened}\n      onClose={onClose}\n      title=\"Offset Wells\"\n      size=\"small\"\n      actions={\n        <>\n          <Button onClick={onClose} className={classes.cancelButton} data-testid=\"closeButton\">\n            Cancel\n          </Button>\n          <Button variant=\"contained\" color=\"primary\" onClick={handleSave} data-testid=\"saveButton\">\n            Save\n          </Button>\n        </>\n      }\n    >\n      <AssetsMultipleSelector\n        selectedAssets={selectedPads as AssetsMultipleSelectorProps['selectedAssets']}\n        onChange={handlePadSelect as AssetsMultipleSelectorProps['onChange']}\n        label=\"Pad *\"\n        type=\"pad\"\n        customRequestQueryParams={padSelectorQuery}\n      />\n      <FormControl\n        data-testid=\"offsetWellDropdown\"\n        margin=\"normal\"\n        disabled={!wellsList.length}\n        fullWidth\n        required\n      >\n        <InputLabel htmlFor=\"wells\" shrink={!isEmpty(selectedWellAssetIds)}>\n          Well\n        </InputLabel>\n        <Select\n          multiple\n          inputProps={{ name: 'wells', id: 'well-select' }}\n          value={selectedWellAssetIds}\n          onChange={handleWellSelect}\n          renderValue={(selected) => `${(selected as string[]).length} selected`}\n        >\n          {wellsList.map(well => (\n            <MenuItem\n              key={well.id}\n              value={well.assetId}\n              data-testid={`${well.name}_offsetWell_menuItem`}\n            >\n              <Checkbox size=\"small\" checked={selectedWellAssetIds.includes(well.assetId)} />\n              <ListItemText primary={well.name} />\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Modal>\n  );\n};\n\nexport default PadOffsetsPickerV2;\n"],"names":["useStyles","makeStyles","cancelButton","marginLeft","marginRight","_ref","assets","opened","currentOffsetSetting","appPad","companyId","onSave","onClose","classes","_useOffsetPickerActio","useOffsetPickerActions","selectedPads","selectedWellAssetIds","setSelectedPads","setSelectedWellAssetIds","wellsList","useMemo","reduce","result","pad","concat","wells","padSelectorQuery","company","fields","sort","per_page","_jsxs","Modal","open","title","size","actions","jsxs","_Fragment","children","_jsx","Button","onClick","className","variant","color","selectedWells","filter","well","includes","assetId","offsetsMap","Map","map","offset","selectedWellId","newOffsets","preSelectedWell","get","Number","selectedWellIdNew","id","selectedWellName","name","selectedWellStatus","status","selectedStages","stages","convertWellToOffset","AssetsMultipleSelector","selectedAssets","onChange","pads","label","type","customRequestQueryParams","FormControl","margin","disabled","length","fullWidth","required","InputLabel","htmlFor","shrink","isEmpty","Select","multiple","inputProps","value","event","target","renderValue","selected","MenuItem","Checkbox","checked","ListItemText","primary"],"mappings":"iw6BAmBMA,EAAYC,EAAAA,WAAW,CAC3BC,aAAc,CACZC,WAAY,OACZC,YAAa,qBAaU,SAQiBC,GAAA,IAP1CC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,qBACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,QAEMC,EAAUb,IAChBc,EACEC,EAAAA,uBAAuB,CAAER,OAAAA,EAAQE,OAAAA,EAAQH,OAAAA,EAAQE,qBAAAA,IAD3CQ,IAAAA,aAAcC,IAAAA,qBAAsBC,IAAAA,gBAAiBC,IAAAA,wBAGvDC,EAAoCC,EAAAA,SACxC,WAAA,OAAML,EAAaM,QAA+B,SAACC,EAAQC,GAAG,OAAKD,EAAOE,OAAOD,EAAIE,MAAM,GAAE,MAC7F,CAACV,IA0BGW,EAAmBN,EAAAA,SACvB,WAAA,MAAO,CACLO,QAAS,CAAClB,GACVmB,OAAQ,CAAC,aACTC,KAAM,iBACNC,SAAU,IACX,GACD,CAACrB,IAGH,OACEsB,EAAAA,KAACC,EAAK,CACJC,KAAM3B,EACNK,QAASA,EACTuB,MAAM,eACNC,KAAK,QACLC,QACEL,EAAAM,KAAAC,WAAA,CAAAC,SAAA,CACEC,MAACC,SAAM,CAACC,QAAS/B,EAASgC,UAAW/B,EAAQX,aAAc,cAAY,cAAasC,SAAA,WAGpFC,MAACC,SAAM,CAACG,QAAQ,YAAYC,MAAM,UAAUH,QApCjC,WACjB,IAAMI,EAAgB3B,EAAU4B,QAAO,SAAAC,GAAI,OAAIhC,EAAqBiC,SAASD,EAAKE,YAC5EC,EAAa,IAAIC,IAAI7C,EAAqB8C,KAAI,SAAAC,GAAM,MAAI,CAACA,EAAOC,eAAgBD,EAAO,KAEvFE,EAAaV,EAAcO,KAAI,SAAAL,GACnC,IAAMS,EAAkBN,EAAWO,KAAKV,EAAKE,SAC7C,OAAIO,GAzCkB,SAACT,GAA0B,MAAqB,CAC1EO,eAAgBI,OAAOX,EAAKE,SAC5BU,kBAAmBZ,EAAKa,GACxBC,iBAAkBd,EAAKe,KACvBC,mBAAoBhB,EAAKiB,OACzBC,eAAgB,GAChBC,OAAQ,CAAC,EACV,CAoCYC,CAAoBpB,EAC7B,IAEAtC,EAAO8C,GACP7C,KAwBuE,cAAY,aAAY4B,SAAA,YAI5FA,SAAA,CAEDC,MAAC6B,EAAsB,CACrBC,eAAgBvD,EAChBwD,SApDkB,SAACC,GACvBvD,EAAgBuD,IAoDZC,MAAM,QACNC,KAAK,MACLC,yBAA0BjD,IAE5BK,OAAC6C,cAAW,CACV,cAAY,qBACZC,OAAO,SACPC,UAAW3D,EAAU4D,OACrBC,WAAS,EACTC,UAAQ,EAAA1C,SAAA,CAERC,MAAC0C,aAAU,CAACC,QAAQ,QAAQC,QAASC,EAAOA,QAACrE,GAAsBuB,SAAA,SAGnEC,MAAC8C,SAAM,CACLC,UAAQ,EACRC,WAAY,CAAEzB,KAAM,QAASF,GAAI,eACjC4B,MAAOzE,EACPuD,SAnEiB,SAACmB,GACxBxE,EAAwBwE,EAAMC,OAAOF,QAmE/BG,YAAa,SAACC,GAAQ,MAASA,GAAAA,OAAAA,EAAsBd,OAAM,YAAY,EAAAxC,SAEtEpB,EAAUkC,KAAI,SAAAL,GAAI,OACjBjB,EAAAA,KAAC+D,EAAAA,SAAQ,CAEPL,MAAOzC,EAAKE,QACZ,cAAgBF,GAAAA,OAAAA,EAAKe,KAA2B,wBAAAxB,SAAA,CAEhDC,MAACuD,WAAQ,CAAC5D,KAAK,QAAQ6D,QAAShF,EAAqBiC,SAASD,EAAKE,WACnEV,MAACyD,eAAY,CAACC,QAASlD,EAAKe,SALvBf,EAAKa,cAYxB"}
+{"version":3,"file":"PadOffsetsPickerV2.js","sources":["../../../../src/components/PadOffsetsPickerV2/PadOffsetsPickerV2.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport {\n  Button,\n  FormControl,\n  InputLabel,\n  Select,\n  MenuItem,\n  Checkbox,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport React, { useMemo } from 'react';\n\nimport { Modal, AssetsMultipleSelector } from '~/components';\nimport { AssetsMultipleSelectorProps } from '~/components/AssetsMultipleSelector/AssetsMultipleSelector';\nimport { AssetSelectorPad, AssetSelectorPadWell, PadOffsetsPickerV2Props } from './types';\nimport { useOffsetPickerActions } from './useOffsetPickerActions';\nimport { OffsetSetting } from '~/types';\n\nconst useStyles = makeStyles({\n  cancelButton: {\n    marginLeft: 'auto',\n    marginRight: 16,\n  },\n});\n\nconst convertWellToOffset = (well: AssetSelectorPadWell): OffsetSetting => ({\n  selectedWellId: Number(well.assetId),\n  selectedWellIdNew: well.id,\n  selectedWellName: well.name,\n  selectedWellStatus: well.status,\n  selectedStages: [],\n  stages: {},\n});\n\nconst PadOffsetsPickerV2 = ({\n  assets,\n  opened,\n  currentOffsetSetting,\n  appPad,\n  companyId,\n  onSave,\n  onClose,\n}: PadOffsetsPickerV2Props): JSX.Element => {\n  const classes = useStyles();\n  const { selectedPads, selectedWellAssetIds, setSelectedPads, setSelectedWellAssetIds } =\n    useOffsetPickerActions({ opened, appPad, assets, currentOffsetSetting });\n\n  const wellsList: AssetSelectorPadWell[] = useMemo(\n    () => selectedPads.reduce<AssetSelectorPadWell[]>((result, pad) => result.concat(pad.wells), []),\n    [selectedPads]\n  );\n\n  const handlePadSelect = (pads: AssetSelectorPad[]) => {\n    setSelectedPads(pads);\n  };\n\n  const handleWellSelect = (event: React.ChangeEvent<{ value: unknown }>) => {\n    setSelectedWellAssetIds(event.target.value as number[]);\n  };\n\n  const handleSave = () => {\n    const selectedWells = wellsList.filter(well => selectedWellAssetIds.includes(well.assetId));\n    const offsetsMap = new Map(currentOffsetSetting.map(offset => [offset.selectedWellId, offset]));\n\n    const newOffsets = selectedWells.map(well => {\n      const preSelectedWell = offsetsMap.get(+well.assetId);\n      if (preSelectedWell) return preSelectedWell;\n\n      return convertWellToOffset(well);\n    });\n\n    onSave(newOffsets);\n    onClose();\n  };\n\n  const padSelectorQuery = useMemo(\n    () => ({\n      company: [companyId],\n      fields: ['pad.wells'],\n      sort: 'last_active_at',\n      per_page: 100,\n    }),\n    [companyId]\n  );\n\n  return (\n    <Modal\n      open={opened}\n      onClose={onClose}\n      title=\"Offset Wells\"\n      size=\"small\"\n      actions={\n        <>\n          <Button onClick={onClose} className={classes.cancelButton} data-testid=\"closeButton\">\n            Cancel\n          </Button>\n          <Button variant=\"contained\" color=\"primary\" onClick={handleSave} data-testid=\"saveButton\">\n            Save\n          </Button>\n        </>\n      }\n    >\n      <AssetsMultipleSelector\n        selectedAssets={selectedPads as AssetsMultipleSelectorProps['selectedAssets']}\n        onChange={handlePadSelect as AssetsMultipleSelectorProps['onChange']}\n        label=\"Pad *\"\n        type=\"pad\"\n        customRequestQueryParams={padSelectorQuery}\n      />\n      <FormControl\n        data-testid=\"offsetWellDropdown\"\n        margin=\"normal\"\n        disabled={!wellsList.length}\n        fullWidth\n        required\n      >\n        <InputLabel htmlFor=\"wells\" shrink={!isEmpty(selectedWellAssetIds)}>\n          Well\n        </InputLabel>\n        <Select\n          multiple\n          inputProps={{ name: 'wells', id: 'well-select' }}\n          value={selectedWellAssetIds}\n          onChange={handleWellSelect}\n          renderValue={(selected) => `${(selected as string[]).length} selected`}\n        >\n          {wellsList.map(well => (\n            <MenuItem\n              key={well.id}\n              value={well.assetId}\n              data-testid={`${well.name}_offsetWell_menuItem`}\n            >\n              <Checkbox size=\"small\" checked={selectedWellAssetIds.includes(well.assetId)} />\n              <ListItemText primary={well.name} />\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Modal>\n  );\n};\n\nexport default PadOffsetsPickerV2;\n"],"names":["useStyles","makeStyles","cancelButton","marginLeft","marginRight","_ref","assets","opened","currentOffsetSetting","appPad","companyId","onSave","onClose","classes","_useOffsetPickerActio","useOffsetPickerActions","selectedPads","selectedWellAssetIds","setSelectedPads","setSelectedWellAssetIds","wellsList","useMemo","reduce","result","pad","concat","wells","padSelectorQuery","company","fields","sort","per_page","_jsxs","Modal","open","title","size","actions","jsxs","_Fragment","children","_jsx","Button","onClick","className","variant","color","selectedWells","filter","well","includes","assetId","offsetsMap","Map","map","offset","selectedWellId","newOffsets","preSelectedWell","get","Number","selectedWellIdNew","id","selectedWellName","name","selectedWellStatus","status","selectedStages","stages","convertWellToOffset","AssetsMultipleSelector","selectedAssets","onChange","pads","label","type","customRequestQueryParams","FormControl","margin","disabled","length","fullWidth","required","InputLabel","htmlFor","shrink","isEmpty","Select","multiple","inputProps","value","event","target","renderValue","selected","MenuItem","Checkbox","checked","ListItemText","primary"],"mappings":"o06BAmBMA,EAAYC,EAAAA,WAAW,CAC3BC,aAAc,CACZC,WAAY,OACZC,YAAa,qBAaU,SAQiBC,GAAA,IAP1CC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,qBACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,QAEMC,EAAUb,IAChBc,EACEC,EAAAA,uBAAuB,CAAER,OAAAA,EAAQE,OAAAA,EAAQH,OAAAA,EAAQE,qBAAAA,IAD3CQ,IAAAA,aAAcC,IAAAA,qBAAsBC,IAAAA,gBAAiBC,IAAAA,wBAGvDC,EAAoCC,EAAAA,SACxC,WAAA,OAAML,EAAaM,QAA+B,SAACC,EAAQC,GAAG,OAAKD,EAAOE,OAAOD,EAAIE,MAAM,GAAE,MAC7F,CAACV,IA0BGW,EAAmBN,EAAAA,SACvB,WAAA,MAAO,CACLO,QAAS,CAAClB,GACVmB,OAAQ,CAAC,aACTC,KAAM,iBACNC,SAAU,IACX,GACD,CAACrB,IAGH,OACEsB,EAAAA,KAACC,EAAK,CACJC,KAAM3B,EACNK,QAASA,EACTuB,MAAM,eACNC,KAAK,QACLC,QACEL,EAAAM,KAAAC,WAAA,CAAAC,SAAA,CACEC,MAACC,SAAM,CAACC,QAAS/B,EAASgC,UAAW/B,EAAQX,aAAc,cAAY,cAAasC,SAAA,WAGpFC,MAACC,SAAM,CAACG,QAAQ,YAAYC,MAAM,UAAUH,QApCjC,WACjB,IAAMI,EAAgB3B,EAAU4B,QAAO,SAAAC,GAAI,OAAIhC,EAAqBiC,SAASD,EAAKE,YAC5EC,EAAa,IAAIC,IAAI7C,EAAqB8C,KAAI,SAAAC,GAAM,MAAI,CAACA,EAAOC,eAAgBD,EAAO,KAEvFE,EAAaV,EAAcO,KAAI,SAAAL,GACnC,IAAMS,EAAkBN,EAAWO,KAAKV,EAAKE,SAC7C,OAAIO,GAzCkB,SAACT,GAA0B,MAAqB,CAC1EO,eAAgBI,OAAOX,EAAKE,SAC5BU,kBAAmBZ,EAAKa,GACxBC,iBAAkBd,EAAKe,KACvBC,mBAAoBhB,EAAKiB,OACzBC,eAAgB,GAChBC,OAAQ,CAAC,EACV,CAoCYC,CAAoBpB,EAC7B,IAEAtC,EAAO8C,GACP7C,KAwBuE,cAAY,aAAY4B,SAAA,YAI5FA,SAAA,CAEDC,MAAC6B,EAAsB,CACrBC,eAAgBvD,EAChBwD,SApDkB,SAACC,GACvBvD,EAAgBuD,IAoDZC,MAAM,QACNC,KAAK,MACLC,yBAA0BjD,IAE5BK,OAAC6C,cAAW,CACV,cAAY,qBACZC,OAAO,SACPC,UAAW3D,EAAU4D,OACrBC,WAAS,EACTC,UAAQ,EAAA1C,SAAA,CAERC,MAAC0C,aAAU,CAACC,QAAQ,QAAQC,QAASC,EAAOA,QAACrE,GAAsBuB,SAAA,SAGnEC,MAAC8C,SAAM,CACLC,UAAQ,EACRC,WAAY,CAAEzB,KAAM,QAASF,GAAI,eACjC4B,MAAOzE,EACPuD,SAnEiB,SAACmB,GACxBxE,EAAwBwE,EAAMC,OAAOF,QAmE/BG,YAAa,SAACC,GAAQ,MAASA,GAAAA,OAAAA,EAAsBd,OAAM,YAAY,EAAAxC,SAEtEpB,EAAUkC,KAAI,SAAAL,GAAI,OACjBjB,EAAAA,KAAC+D,EAAAA,SAAQ,CAEPL,MAAOzC,EAAKE,QACZ,cAAgBF,GAAAA,OAAAA,EAAKe,KAA2B,wBAAAxB,SAAA,CAEhDC,MAACuD,WAAQ,CAAC5D,KAAK,QAAQ6D,QAAShF,EAAqBiC,SAASD,EAAKE,WACnEV,MAACyD,eAAY,CAACC,QAASlD,EAAKe,SALvBf,EAAKa,cAYxB"}

package/cjs-bundle/components/RealTimeValuesSidebar/SidebarFooter.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),s=require("classnames"),o=require("@material-ui/core"),r=require("../IconButton/index.js"),n=require("../../icons/iconParkIcons.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("../../componentsV2/Header/Header.scss.js");var i=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var t=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.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("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),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("../../clients/jsonApi/index.js"),require("../../utils/shareRecentRequest.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../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("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var c=require("./RealTimeSidebarContext.js"),u=require("./enums.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(s),l=o.makeStyles((function(e){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:e.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),m=e.memo((function(s){var a=s.onSidebarOpened,m=s.onSidebarClosed,q=s.className,j=l(),d=e.useContext(c),V=d.isSidebarOpen,A=d.orientation,I=d.handleOpenCloseDialog;return i.jsx("div",{className:p.default(j.rtSidebarFooter,A,q),"data-testid":"sidebar_footer",children:V?i.jsx(o.Box,{className:j.openToggleContainer,children:i.jsx(t.Tooltip,{title:"Collapse",className:j.collapseTooltip,children:i.jsxs("div",{className:p.default(j.rtSidebarFooterActions,A),children:[i.jsx(r,{"data-testid":"sidebar_close_button",onClick:m,className:j.actionButton,children:A===u.ORIENTATIONS.vertical?i.jsx(n.RightIcon,{}):i.jsx(n.UpIcon,{className:j.rtSidebarFooterIcon})}),A===u.ORIENTATIONS.horizontal&&i.jsx(r,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return I(!0)},className:j.actionButton,children:i.jsx(n.PlusIcon,{})})]})})}):i.jsx(t.Tooltip,{title:"Expand",className:j.expandTooltip,children:i.jsx("div",{className:p.default(j.rtSidebarFooterActions,A),children:i.jsx(r,{onClick:a,"data-testid":"sidebar_open_button",className:p.default(j.closedButton,j.actionButton),children:A===u.ORIENTATIONS.vertical?i.jsx(n.LeftIcon,{}):i.jsx(n.DownIcon,{})})})})})}));module.exports=m;
+"use strict";var e=require("react"),s=require("classnames"),o=require("@material-ui/core"),r=require("../IconButton/index.js"),n=require("../../icons/iconParkIcons.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("../../componentsV2/Header/Header.scss.js");var i=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var t=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.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("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),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("../../clients/jsonApi/index.js"),require("../../utils/shareRecentRequest.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../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("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/ColorPicker.constants.js"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var c=require("./RealTimeSidebarContext.js"),u=require("./enums.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(s),l=o.makeStyles((function(e){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:e.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),m=e.memo((function(s){var a=s.onSidebarOpened,m=s.onSidebarClosed,q=s.className,j=l(),d=e.useContext(c),V=d.isSidebarOpen,A=d.orientation,I=d.handleOpenCloseDialog;return i.jsx("div",{className:p.default(j.rtSidebarFooter,A,q),"data-testid":"sidebar_footer",children:V?i.jsx(o.Box,{className:j.openToggleContainer,children:i.jsx(t.Tooltip,{title:"Collapse",className:j.collapseTooltip,children:i.jsxs("div",{className:p.default(j.rtSidebarFooterActions,A),children:[i.jsx(r,{"data-testid":"sidebar_close_button",onClick:m,className:j.actionButton,children:A===u.ORIENTATIONS.vertical?i.jsx(n.RightIcon,{}):i.jsx(n.UpIcon,{className:j.rtSidebarFooterIcon})}),A===u.ORIENTATIONS.horizontal&&i.jsx(r,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return I(!0)},className:j.actionButton,children:i.jsx(n.PlusIcon,{})})]})})}):i.jsx(t.Tooltip,{title:"Expand",className:j.expandTooltip,children:i.jsx("div",{className:p.default(j.rtSidebarFooterActions,A),children:i.jsx(r,{onClick:a,"data-testid":"sidebar_open_button",className:p.default(j.closedButton,j.actionButton),children:A===u.ORIENTATIONS.vertical?i.jsx(n.LeftIcon,{}):i.jsx(n.DownIcon,{})})})})})}));module.exports=m;
 //# sourceMappingURL=SidebarFooter.js.map

package/cjs-bundle/components/RealTimeValuesSidebar/SidebarFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","sources":["../../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n  button: {\n    fontSize: 14,\n    fontWeight: 500,\n  },\n  buttonIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  closedButton: {\n    marginBottom: '78px',\n    zIndex: 1000,\n  },\n\n  rtSidebarFooter: {\n    position: 'absolute',\n    right: 0,\n    '&.vertical': {\n      left: 0,\n      bottom: 0,\n    },\n    '&.horizontal': {\n      top: 0,\n    },\n  },\n\n  rtSidebarFooterIcon: {\n    color: theme.palette.primary.text6,\n  },\n\n  rtSidebarFooterActions: {\n    display: 'flex',\n    paddingRight: '5px',\n    alignItems: 'center',\n    height: 48,\n    width: 48,\n    padding: 6,\n\n    '&.horizontal': {\n      flexDirection: 'row-reverse',\n    },\n  },\n\n  actionButton: {\n    padding: 12,\n    height: 36,\n    width: 36,\n  },\n\n  openToggleContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    display: 'flex',\n    flex: '0 0',\n    height: 48,\n    padding: 6,\n    position: 'absolute',\n    width: '100%',\n    justifyContent: 'flex-start',\n    paddingRight: 6,\n  },\n\n  collapseTooltip: {\n    marginTop: -8,\n  },\n\n  expandTooltip: {\n    marginTop: -48,\n  }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n  const classes = useStyles();\n\n  const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n  return (\n    <div\n      className={classNames(classes.rtSidebarFooter, orientation, className)}\n      data-testid=\"sidebar_footer\"\n    >\n      {isSidebarOpen ? (\n        <Box className={classes.openToggleContainer}>\n          <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n            <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n                <IconButton\n                  data-testid=\"sidebar_close_button\"\n                  onClick={onSidebarClosed}\n                  className={classes.actionButton}\n                >\n                  {orientation === ORIENTATIONS.vertical ? (\n                    <RightIcon />\n                  ) : (\n                    <UpIcon className={classes.rtSidebarFooterIcon} />\n                  )}\n                </IconButton>\n                {orientation === ORIENTATIONS.horizontal && (\n                  <IconButton\n                    color=\"primary\"\n                    tooltipProps={{ title: 'Add' }}\n                    onClick={() => handleOpenCloseDialog(true)}\n                    className={classes.actionButton}\n                  >\n                    <PlusIcon />\n                  </IconButton>\n                )}\n            </div>\n          </Tooltip>\n        </Box>\n      ) : (\n        <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n          <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n            <IconButton\n              onClick={onSidebarOpened}\n              data-testid=\"sidebar_open_button\"\n              className={classNames(classes.closedButton, classes.actionButton)}\n            >\n              {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n            </IconButton>\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","jsx","Box","Tooltip","title","_jsxs","jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"8/dAaMA,EAAYC,EAAAA,YAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,EAAAA,MAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAUA,WAACC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAAA,IAAA,MAAA,CACEP,UAAWQ,EAAAA,QAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAAAG,IAACC,MAAG,CAACX,UAAWC,EAAQX,oBAAoBmB,SAC1CF,MAACK,UAAO,CAACC,MAAM,WAAWb,UAAWC,EAAQR,gBAAgBgB,SAC3DK,EAAAC,KAAA,MAAA,CAAKf,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,MAACS,EAAU,CACT,cAAY,uBACZC,QAASlB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBa,EAAYA,aAACC,SAC5BZ,EAAAA,IAACa,EAAAA,UAAS,CAAA,GAEVb,EAAAG,IAACW,SAAM,CAACrB,UAAWC,EAAQzB,wBAG9B6B,IAAgBa,EAAAA,aAAaI,YAC5Bf,EAAAA,IAACS,EAAU,CACTvC,MAAM,UACN8C,aAAc,CAAEV,MAAO,OACvBI,QAAS,WAAA,OAAMX,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAAAA,IAACiB,EAAQA,SAAA,aAOrBjB,MAACK,UAAO,CAACC,MAAM,SAASb,UAAWC,EAAQN,cAAcc,SACvDF,EAAAG,IAAA,MAAA,CAAKV,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,MAACS,EAAU,CACTC,QAASnB,EACT,cAAY,sBACZE,UAAWQ,EAAAA,QAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBa,eAAaC,SAAWZ,EAAAG,IAACe,WAAQ,CAAA,GAAMlB,EAAAA,IAACmB,EAAQA,SAAA,WAO/E"}
+{"version":3,"file":"SidebarFooter.js","sources":["../../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n  button: {\n    fontSize: 14,\n    fontWeight: 500,\n  },\n  buttonIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  closedButton: {\n    marginBottom: '78px',\n    zIndex: 1000,\n  },\n\n  rtSidebarFooter: {\n    position: 'absolute',\n    right: 0,\n    '&.vertical': {\n      left: 0,\n      bottom: 0,\n    },\n    '&.horizontal': {\n      top: 0,\n    },\n  },\n\n  rtSidebarFooterIcon: {\n    color: theme.palette.primary.text6,\n  },\n\n  rtSidebarFooterActions: {\n    display: 'flex',\n    paddingRight: '5px',\n    alignItems: 'center',\n    height: 48,\n    width: 48,\n    padding: 6,\n\n    '&.horizontal': {\n      flexDirection: 'row-reverse',\n    },\n  },\n\n  actionButton: {\n    padding: 12,\n    height: 36,\n    width: 36,\n  },\n\n  openToggleContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    display: 'flex',\n    flex: '0 0',\n    height: 48,\n    padding: 6,\n    position: 'absolute',\n    width: '100%',\n    justifyContent: 'flex-start',\n    paddingRight: 6,\n  },\n\n  collapseTooltip: {\n    marginTop: -8,\n  },\n\n  expandTooltip: {\n    marginTop: -48,\n  }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n  const classes = useStyles();\n\n  const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n  return (\n    <div\n      className={classNames(classes.rtSidebarFooter, orientation, className)}\n      data-testid=\"sidebar_footer\"\n    >\n      {isSidebarOpen ? (\n        <Box className={classes.openToggleContainer}>\n          <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n            <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n                <IconButton\n                  data-testid=\"sidebar_close_button\"\n                  onClick={onSidebarClosed}\n                  className={classes.actionButton}\n                >\n                  {orientation === ORIENTATIONS.vertical ? (\n                    <RightIcon />\n                  ) : (\n                    <UpIcon className={classes.rtSidebarFooterIcon} />\n                  )}\n                </IconButton>\n                {orientation === ORIENTATIONS.horizontal && (\n                  <IconButton\n                    color=\"primary\"\n                    tooltipProps={{ title: 'Add' }}\n                    onClick={() => handleOpenCloseDialog(true)}\n                    className={classes.actionButton}\n                  >\n                    <PlusIcon />\n                  </IconButton>\n                )}\n            </div>\n          </Tooltip>\n        </Box>\n      ) : (\n        <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n          <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n            <IconButton\n              onClick={onSidebarOpened}\n              data-testid=\"sidebar_open_button\"\n              className={classNames(classes.closedButton, classes.actionButton)}\n            >\n              {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n            </IconButton>\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","jsx","Box","Tooltip","title","_jsxs","jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"ikeAaMA,EAAYC,EAAAA,YAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,EAAAA,MAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAUA,WAACC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAAA,IAAA,MAAA,CACEP,UAAWQ,EAAAA,QAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAAAG,IAACC,MAAG,CAACX,UAAWC,EAAQX,oBAAoBmB,SAC1CF,MAACK,UAAO,CAACC,MAAM,WAAWb,UAAWC,EAAQR,gBAAgBgB,SAC3DK,EAAAC,KAAA,MAAA,CAAKf,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,MAACS,EAAU,CACT,cAAY,uBACZC,QAASlB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBa,EAAYA,aAACC,SAC5BZ,EAAAA,IAACa,EAAAA,UAAS,CAAA,GAEVb,EAAAG,IAACW,SAAM,CAACrB,UAAWC,EAAQzB,wBAG9B6B,IAAgBa,EAAAA,aAAaI,YAC5Bf,EAAAA,IAACS,EAAU,CACTvC,MAAM,UACN8C,aAAc,CAAEV,MAAO,OACvBI,QAAS,WAAA,OAAMX,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAAAA,IAACiB,EAAQA,SAAA,aAOrBjB,MAACK,UAAO,CAACC,MAAM,SAASb,UAAWC,EAAQN,cAAcc,SACvDF,EAAAG,IAAA,MAAA,CAAKV,UAAWQ,EAAU,QAACP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,MAACS,EAAU,CACTC,QAASnB,EACT,cAAY,sBACZE,UAAWQ,EAAAA,QAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBa,eAAaC,SAAWZ,EAAAG,IAACe,WAAQ,CAAA,GAAMlB,EAAAA,IAACmB,EAAQA,SAAA,WAO/E"}

package/cjs-bundle/componentsV2/ColorPicker/ColorPicker.constants.js

@@ -0,0 +1,2 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColorPickerTestIds=void 0,(e=exports.ColorPickerTestIds||(exports.ColorPickerTestIds={})).IndicatorTestId="CorvaUI.ColorPicker.IndicatorTestId",e.PopoverTestId="CorvaUI.ColorPicker.PopoverTestId",e.SwatchTestId="CorvaUI.ColorPicker.SwatchTestId",e.SelectedSwatchTestId="CorvaUI.ColorPicker.SelectedSwatchTestId";
+//# sourceMappingURL=ColorPicker.constants.js.map

package/cjs-bundle/componentsV2/ColorPicker/ColorPicker.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.constants.js","sources":["../../../../src/componentsV2/ColorPicker/ColorPicker.constants.ts"],"sourcesContent":["export enum ColorPickerTestIds {\n  IndicatorTestId = 'CorvaUI.ColorPicker.IndicatorTestId',\n  PopoverTestId = 'CorvaUI.ColorPicker.PopoverTestId',\n  SwatchTestId = 'CorvaUI.ColorPicker.SwatchTestId',\n  SelectedSwatchTestId = 'CorvaUI.ColorPicker.SelectedSwatchTestId',\n}\n"],"names":["ColorPickerTestIds"],"mappings":"aAKC,IALWA,yDAAAA,QAAkBA,wBAAA,GAAlBA,EAAAA,QAAkBA,qBAAlBA,2BAAkB,CAAA,IAAA,gBAAA,sCAAlBA,EAAkB,cAAA,oCAAlBA,EAAkB,aAAA,mCAAlBA,EAAkB,qBAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),n=require("react"),c=require("react-color"),r=require("lodash"),i=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),m=require("../Popper/Popper.js"),d=require("./Swatches/Swatches.js"),p=require("./utils.js"),j=require("./OpacityDragtracker/OpacityDragtracker.js"),q=require("./useChromePickerAccessibility.js"),f=require("./ColorPicker.scss.js"),I=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 b=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(e),C=h(o),k=h(s);function x(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function y(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?x(Object(s),!0).forEach((function(o){C.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):x(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var g={small:f.small,medium:f.medium,large:f.large},O={inputContainer:f.inputContainer,numberStepButtons:f.numberStepButtons,prefix:f.prefixContainer,suffix:f.suffixContainer,input:f.input,label:f.label};exports.ColorPicker=function(e){var o=e.format,s=void 0===o?"hex":o,h=e.className,x=e.label,P=e.labelPlacement,D=void 0===P?"top":P,F=e.popoverPlacement,N=void 0===F?"bottom-start":F,S=e.testId,T=e.disabled,A=e.size,w=void 0===A?"small":A,M=e.onOpen,E=e.onClose,R=e.value,B=void 0===R?p.defaultColor:R,z=e.onChange,W=e.disableOpacityDrag,L=e.enableAlpha,G=void 0!==L&&L,K=e.elementsClassNames,U=n.useMemo((function(){try{var e=p.parseColor(B);return y(y({},e),{},{a:G?e.a:1})}catch(e){return p.parseColor(p.defaultColor)}}),[B,G]),H=n.useMemo((function(){return K?Object.entries(K).reduce((function(e,o){var s=o,n=v.default(s,2),c=n[0],r=n[1];return y(y({},e),{},C.default({},c,e[c]?k.default(e[c],r):r))}),y({},O)):O}),[K]),V=n.useState(!1),_=v.default(V,2),Z=_[0],J=_[1],Q=n.useRef(null),X=n.useRef(null),Y=n.useState(!0),$=v.default(Y,2),ee=$[0],oe=$[1],se=n.useState(null),ne=v.default(se,2),ce=ne[0],re=ne[1],ie=n.useState(U),te=v.default(ie,2),ue=te[0],ae=te[1],le=n.useRef(null),me=n.useMemo((function(){return"corva-color-picker-".concat(i.v4())}),[]),de="".concat(me,"-opacity-input"),pe="".concat(me,"-label"),je="".concat(me,"-opacity-label"),qe=Boolean(x),fe=n.useCallback((function(){J(!0),null==M||M()}),[M]),Ie=n.useCallback((function(e){e.preventDefault(),re(null),fe()}),[fe]),be=n.useCallback((function(){re(null),fe()}),[fe]),he=n.useCallback((function(e){T||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),re("palette"),fe())}),[T,fe]),ve=n.useCallback((function(){var e,o,s=!(null===(e=le.current)||void 0===e||!e.contains(document.activeElement));(re(null),J(!1),null==E||E(),s)&&(null===(o=X.current)||void 0===o||o.focus({preventScroll:!0}))}),[E]),Ce=n.useCallback((function(e){re(0===e.detail?"palette":null),oe(!0)}),[]),ke=n.useCallback((function(e){re(0===e.detail?"picker":null),oe(!1)}),[]),xe=n.useCallback((function(){return re(null)}),[]),ye=n.useCallback((function(e){return ae(e.rgb)}),[]),ge=n.useCallback((function(e){var o="hex"===s?p.channelsToHex(e,G):p.channelsToRgba(e,G);null==z||z(o)}),[s,z,G]),Oe=n.useCallback((function(e){ae(e),ge(e)}),[ge]),Pe=q.useChromePickerAccessibility({color:ue,enableAlpha:G,isActive:!ee,onChange:Oe}),De=Pe.pickerRef,Fe=Pe.onKeyDown;n.useEffect((function(){var e;if("picker"===ce&&!ee){var o=null===(e=De.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');o&&(o.focus({preventScroll:!0}),xe())}}),[xe,ce,ee,De]);var Ne=n.useCallback((function(e){var o=Number(e);if(!(Number.isNaN(o)||o<0||o>100)){var s=y(y({},U),{},{a:o/100});ge(s)}}),[U,ge]),Se=n.useCallback((function(e){ge(e.rgb)}),[ge]),Te=n.useCallback((function(e){var o=U.a||1,s=G&&0===e.a?0:o;ge(y(y({},e),{},{a:s}))}),[ge,U.a,G]),Ae=n.useCallback((function(){setTimeout((function(){var e,o;J(!1),null===(e=document.activeElement)||void 0===e||null===(o=e.blur)||void 0===o||o.call(e)}),0)}),[]),we=n.useMemo((function(){return r.throttle((function(e){var o=String(Math.round(e));Ne(o)}),100)}),[Ne]);n.useEffect((function(){ae(U)}),[U]),n.useEffect((function(){Z&&oe(!0)}),[Z]);var Me=String(Math.round(100*ue.a)),Ee=(null==N?void 0:N.startsWith("top"))||(null==N?void 0:N.startsWith("bottom")),Re=(null==N?void 0:N.startsWith("left"))||(null==N?void 0:N.startsWith("right")),Be=qe?b.jsxs(b.Fragment,{children:[b.jsx("label",{id:pe,htmlFor:de,children:"string"==typeof x?b.jsx(t.TextInputNext.Label,{children:x}):x}),b.jsx("span",{id:je,hidden:!0,children:"Opacity"})]}):void 0,ze=n.useMemo((function(){return qe?{id:de,"aria-labelledby":"".concat(pe," ").concat(je)}:{id:de,"aria-label":"Opacity"}}),[qe,de,pe,je]);return b.jsxs(b.Fragment,{children:[b.jsx(t.TextInputNext,{label:Be,labelPlacement:D,disabled:T,size:w,rootTagName:"div",prefix:b.jsxs(b.Fragment,{children:[b.jsxs("div",{className:f.fakeValue,children:[Me,b.jsx("span",{className:f.fakeValuePercent,children:"%"})]}),b.jsx("div",{ref:X,className:k.default(f.indicator,0===ue.a&&f.transparent,H.indicator),style:{"--corvaui-colorpicker-indicatorcolor":p.channelsToHex(ue,!1)},onClick:T?void 0:Ie,onKeyDown:he,role:"button","aria-label":qe?void 0:"Color picker","aria-labelledby":qe?pe:void 0,"aria-expanded":Z,"aria-disabled":T,tabIndex:T?-1:0})]}),suffix:!Z&&G&&!W&&!T&&b.jsx(j.OpacityDragTracker,{value:Number(Me),onDrag:we,onDragEnd:Ae}),className:k.default(f.root,g[w],!G&&f.noAlpha,h),testId:S,inputContainerRef:Q,value:Me,onChange:Ne,onFocus:be,inputType:"number",inputMode:"numeric",elementsClassNames:H,htmlAttributes:ze}),b.jsxs(u.Popover,{ref:le,anchorEl:Q.current,open:Z,onClose:ve,placement:N,className:k.default(f.popover,Ee&&f.marginVertical,Re&&f.marginHorizontal,0===ue.a&&f.isTransparent,H.popover),children:[ee?b.jsx(d.Swatches,{onChange:Te,value:U,addTransparent:G,autoFocus:"palette"===ce,onAutoFocus:xe}):b.jsx("div",{ref:De,className:f.pickerContainer,onKeyDown:Fe,children:b.jsx(c.ChromePicker,{color:ue,onChange:ye,onChangeComplete:Se,disableAlpha:!G,className:f.picker})}),b.jsxs("div",{className:f.switchButtons,children:[b.jsx(l.Tooltip,{title:"Palette",children:b.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:ee?"secondary":"tertiary",onClick:Ce,children:b.jsx(I.PaletteIcon,{})})}),b.jsx(l.Tooltip,{title:"Pick your own",children:b.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:ee?"tertiary":"secondary",onClick:ke,children:b.jsx(I.PickerIcon,{})})})]})]}),Z&&G&&!W&&b.jsx(m.Popper,{open:Z,anchorEl:Q.current,className:f.dragTrackerPopper,placement:"right",children:b.jsx(j.OpacityDragTracker,{onDrag:we,onDragEnd:Ae})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),n=require("react"),c=require("react-color"),r=require("lodash"),i=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),d=require("../Popper/Popper.js"),m=require("./Swatches/Swatches.js"),p=require("./ColorPicker.constants.js"),j=require("./utils.js"),q=require("./OpacityDragtracker/OpacityDragtracker.js"),I=require("./useChromePickerAccessibility.js"),f=require("./ColorPicker.scss.js"),b=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 h=require("react/jsx-runtime");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=v(e),k=v(o),x=v(s);function y(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function g(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?y(Object(s),!0).forEach((function(o){k.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):y(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var P={small:f.small,medium:f.medium,large:f.large},O={inputContainer:f.inputContainer,numberStepButtons:f.numberStepButtons,prefix:f.prefixContainer,suffix:f.suffixContainer,input:f.input,label:f.label};exports.ColorPicker=function(e){var o=e.format,s=void 0===o?"hex":o,v=e.className,y=e.label,T=e.labelPlacement,D=void 0===T?"top":T,F=e.popoverPlacement,N=void 0===F?"bottom-start":F,S=e.testId,A=e.disabled,w=e.size,M=void 0===w?"small":w,E=e.onOpen,R=e.onClose,B=e.value,z=void 0===B?j.defaultColor:B,W=e.onChange,L=e.disableOpacityDrag,G=e.enableAlpha,K=void 0!==G&&G,U=e.elementsClassNames,H=n.useMemo((function(){try{var e=j.parseColor(z);return g(g({},e),{},{a:K?e.a:1})}catch(e){return j.parseColor(j.defaultColor)}}),[z,K]),V=n.useMemo((function(){return U?Object.entries(U).reduce((function(e,o){var s=o,n=C.default(s,2),c=n[0],r=n[1];return g(g({},e),{},k.default({},c,e[c]?x.default(e[c],r):r))}),g({},O)):O}),[U]),_=n.useState(!1),Z=C.default(_,2),J=Z[0],Q=Z[1],X=n.useRef(null),Y=n.useRef(null),$=n.useState(!0),ee=C.default($,2),oe=ee[0],se=ee[1],ne=n.useState(null),ce=C.default(ne,2),re=ce[0],ie=ce[1],te=n.useState(H),ue=C.default(te,2),ae=ue[0],le=ue[1],de=n.useRef(null),me=n.useMemo((function(){return"corva-color-picker-".concat(i.v4())}),[]),pe="".concat(me,"-opacity-input"),je="".concat(me,"-label"),qe="".concat(me,"-opacity-label"),Ie=Boolean(y),fe=n.useCallback((function(){Q(!0),null==E||E()}),[E]),be=n.useCallback((function(e){e.preventDefault(),ie(null),fe()}),[fe]),he=n.useCallback((function(){ie(null),fe()}),[fe]),ve=n.useCallback((function(e){A||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),ie("palette"),fe())}),[A,fe]),Ce=n.useCallback((function(){var e,o,s=!(null===(e=de.current)||void 0===e||!e.contains(document.activeElement));(ie(null),Q(!1),null==R||R(),s)&&(null===(o=Y.current)||void 0===o||o.focus({preventScroll:!0}))}),[R]),ke=n.useCallback((function(e){ie(0===e.detail?"palette":null),se(!0)}),[]),xe=n.useCallback((function(e){ie(0===e.detail?"picker":null),se(!1)}),[]),ye=n.useCallback((function(){return ie(null)}),[]),ge=n.useCallback((function(e){return le(e.rgb)}),[]),Pe=n.useCallback((function(e){var o="hex"===s?j.channelsToHex(e,K):j.channelsToRgba(e,K);null==W||W(o)}),[s,W,K]),Oe=n.useCallback((function(e){le(e),Pe(e)}),[Pe]),Te=I.useChromePickerAccessibility({color:ae,enableAlpha:K,isActive:!oe,onChange:Oe}),De=Te.pickerRef,Fe=Te.onKeyDown;n.useEffect((function(){var e;if("picker"===re&&!oe){var o=null===(e=De.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');o&&(o.focus({preventScroll:!0}),ye())}}),[ye,re,oe,De]);var Ne=n.useCallback((function(e){var o=Number(e);if(!(Number.isNaN(o)||o<0||o>100)){var s=g(g({},H),{},{a:o/100});Pe(s)}}),[H,Pe]),Se=n.useCallback((function(e){Pe(e.rgb)}),[Pe]),Ae=n.useCallback((function(e){var o=H.a||1,s=K&&0===e.a?0:o;Pe(g(g({},e),{},{a:s}))}),[Pe,H.a,K]),we=n.useCallback((function(){setTimeout((function(){var e,o;Q(!1),null===(e=document.activeElement)||void 0===e||null===(o=e.blur)||void 0===o||o.call(e)}),0)}),[]),Me=n.useMemo((function(){return r.throttle((function(e){var o=String(Math.round(e));Ne(o)}),100)}),[Ne]);n.useEffect((function(){le(H)}),[H]),n.useEffect((function(){J&&se(!0)}),[J]);var Ee=String(Math.round(100*ae.a)),Re=(null==N?void 0:N.startsWith("top"))||(null==N?void 0:N.startsWith("bottom")),Be=(null==N?void 0:N.startsWith("left"))||(null==N?void 0:N.startsWith("right")),ze=Ie?h.jsxs(h.Fragment,{children:[h.jsx("label",{id:je,htmlFor:pe,children:"string"==typeof y?h.jsx(t.TextInputNext.Label,{children:y}):y}),h.jsx("span",{id:qe,hidden:!0,children:"Opacity"})]}):void 0,We=n.useMemo((function(){return Ie?{id:pe,"aria-labelledby":"".concat(je," ").concat(qe)}:{id:pe,"aria-label":"Opacity"}}),[Ie,pe,je,qe]);return h.jsxs(h.Fragment,{children:[h.jsx(t.TextInputNext,{label:ze,labelPlacement:D,disabled:A,size:M,rootTagName:"div",prefix:h.jsxs(h.Fragment,{children:[h.jsxs("div",{className:f.fakeValue,children:[Ee,h.jsx("span",{className:f.fakeValuePercent,children:"%"})]}),h.jsx("div",{ref:Y,"data-testid":p.ColorPickerTestIds.IndicatorTestId,className:x.default(f.indicator,0===ae.a&&f.transparent,V.indicator),style:{"--corvaui-colorpicker-indicatorcolor":j.channelsToHex(ae,!1)},onClick:A?void 0:be,onKeyDown:ve,role:"button","aria-label":Ie?void 0:"Color picker","aria-labelledby":Ie?je:void 0,"aria-expanded":J,"aria-disabled":A,tabIndex:A?-1:0})]}),suffix:!J&&K&&!L&&!A&&h.jsx(q.OpacityDragTracker,{value:Number(Ee),onDrag:Me,onDragEnd:we}),className:x.default(f.root,P[M],!K&&f.noAlpha,v),testId:S,inputContainerRef:X,value:Ee,onChange:Ne,onFocus:he,inputType:"number",inputMode:"numeric",elementsClassNames:V,htmlAttributes:We}),h.jsxs(u.Popover,{ref:de,testId:p.ColorPickerTestIds.PopoverTestId,anchorEl:X.current,open:J,onClose:Ce,placement:N,className:x.default(f.popover,Re&&f.marginVertical,Be&&f.marginHorizontal,0===ae.a&&f.isTransparent,V.popover),children:[oe?h.jsx(m.Swatches,{onChange:Ae,value:H,addTransparent:K,autoFocus:"palette"===re,onAutoFocus:ye}):h.jsx("div",{ref:De,className:f.pickerContainer,onKeyDown:Fe,children:h.jsx(c.ChromePicker,{color:ae,onChange:ge,onChangeComplete:Se,disableAlpha:!K,className:f.picker})}),h.jsxs("div",{className:f.switchButtons,children:[h.jsx(l.Tooltip,{title:"Palette",children:h.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:oe?"secondary":"tertiary",onClick:ke,children:h.jsx(b.PaletteIcon,{})})}),h.jsx(l.Tooltip,{title:"Pick your own",children:h.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:oe?"tertiary":"secondary",onClick:xe,children:h.jsx(b.PickerIcon,{})})})]})]}),J&&K&&!L&&h.jsx(d.Popper,{open:J,anchorEl:X.current,className:f.dragTrackerPopper,placement:"right",children:h.jsx(q.OpacityDragTracker,{onDrag:Me,onDragEnd:we})})]})};
 //# sourceMappingURL=ColorPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n\n  size?: TextInputNextProps['size'];\n  label?: TextInputNextProps['label'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  disabled?: boolean;\n  /**\n   * Disables drag to change opacity functinality\n   */\n  disableOpacityDrag?: boolean;\n  /**\n   * Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n   */\n  format?: 'rgb' | 'hex';\n  /**\n   * Allows user to control color's opacity, adds alpha channel to resulting color string\n   */\n  enableAlpha?: boolean;\n\n  popoverPlacement?: PopoverProps['placement'];\n\n  onOpen?: () => void;\n  onClose?: () => void;\n\n  /**\n   * An escape hatch to tweak styling of internal elements\n   */\n  elementsClassNames?: Partial<\n    Omit<\n      Required<TextInputNextProps>['elementsClassNames'],\n      'message' | 'numberStepButtons' | 'prefix' | 'suffix'\n    > &\n      Record<'indicator' | 'popover', string>\n  >;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\nconst ownInputElementsClassNames: TextInputNextProps['elementsClassNames'] = {\n  inputContainer: styles.inputContainer,\n  numberStepButtons: styles.numberStepButtons,\n  prefix: styles.prefixContainer,\n  suffix: styles.suffixContainer,\n  input: styles.input,\n  label: styles.label,\n};\n\ntype FocusTarget = 'palette' | 'picker';\n\nexport const ColorPicker = ({\n  format = 'hex',\n  className,\n  label,\n  labelPlacement = 'top',\n  popoverPlacement = 'bottom-start',\n  testId,\n  disabled,\n  size = 'small',\n  onOpen,\n  onClose,\n  value = defaultColor,\n  onChange,\n  disableOpacityDrag,\n  enableAlpha = false,\n  elementsClassNames,\n}: ColorPickerProps) => {\n  const valueChannels = useMemo(() => {\n    try {\n      const channels = parseColor(value);\n\n      return { ...channels, a: enableAlpha ? channels.a : 1 };\n    } catch (_) {\n      return parseColor(defaultColor);\n    }\n  }, [value, enableAlpha]);\n\n  const realElementsClassNames = useMemo((): Required<ColorPickerProps>['elementsClassNames'] => {\n    return elementsClassNames\n      ? Object.entries(elementsClassNames).reduce<Required<ColorPickerProps>['elementsClassNames']>(\n          (acc, pair) => {\n            const [key, value] = pair as [\n              keyof Required<ColorPickerProps>['elementsClassNames'],\n              string\n            ];\n            return {\n              ...acc,\n              [key]: acc[key] ? classNames(acc[key], value) : value,\n            };\n          },\n          {\n            ...ownInputElementsClassNames,\n          }\n        )\n      : ownInputElementsClassNames;\n  }, [elementsClassNames]);\n\n  const [isMenuOpen, setIsOpen] = useState(false);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const indicatorRef = useRef<HTMLDivElement>(null);\n  const [isSwatches, setIsSwatches] = useState(true);\n  const [focusTarget, setFocusTarget] = useState<FocusTarget | null>(null);\n  const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n  const inputId = `${accessibilityId}-opacity-input`;\n  const labelId = `${accessibilityId}-label`;\n  const opacityLabelId = `${accessibilityId}-opacity-label`;\n  const hasLabel = Boolean(label);\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const openMenuSwatch = useCallback<MouseEventHandler>(\n    e => {\n      e.preventDefault();\n      setFocusTarget(null);\n      openMenu();\n    },\n    [openMenu]\n  );\n\n  const openMenuFocus = useCallback(() => {\n    setFocusTarget(null);\n    openMenu();\n  }, [openMenu]);\n\n  const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      if (!disabled && (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown')) {\n        event.preventDefault();\n        setFocusTarget('palette');\n        openMenu();\n      }\n    },\n    [disabled, openMenu]\n  );\n\n  const closeMenu = useCallback(() => {\n    const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n    setFocusTarget(null);\n    setIsOpen(false);\n    onClose?.();\n\n    // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n    if (isFocusInPopover) {\n      indicatorRef.current?.focus({ preventScroll: true });\n    }\n  }, [onClose]);\n\n  const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'palette' : null);\n    setIsSwatches(true);\n  }, []);\n\n  const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'picker' : null);\n    setIsSwatches(false);\n  }, []);\n\n  const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n  const onInternalValueChange = useCallback(\n    (color: ColorResult) => setInternalValue(color.rgb),\n    []\n  );\n\n  const onActualChange = useCallback(\n    (color: ColorChannels) => {\n      const formatted =\n        format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n      onChange?.(formatted);\n    },\n    [format, onChange, enableAlpha]\n  );\n\n  const onKeyboardPickerChange = useCallback(\n    (color: ColorChannels) => {\n      setInternalValue(color);\n      onActualChange(color);\n    },\n    [onActualChange]\n  );\n\n  const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n    color: internalValue,\n    enableAlpha,\n    isActive: !isSwatches,\n    onChange: onKeyboardPickerChange,\n  });\n\n  useEffect(() => {\n    if (focusTarget !== 'picker' || isSwatches) {\n      return;\n    }\n\n    const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n      '[data-color-picker-control=\"saturation\"]'\n    );\n\n    if (firstControl) {\n      firstControl.focus({ preventScroll: true });\n      clearFocusTarget();\n    }\n  }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n  const onOpacityInputChange = useCallback(\n    (opacityString: string) => {\n      const opacityNumber = Number(opacityString);\n\n      if (Number.isNaN(opacityNumber) || opacityNumber < 0 || opacityNumber > 100) {\n        return;\n      }\n\n      const color = { ...valueChannels, a: opacityNumber / 100 };\n      onActualChange(color);\n    },\n    [valueChannels, onActualChange]\n  );\n\n  const pickerOnChange = useCallback(\n    (color: ColorResult) => {\n      onActualChange(color.rgb);\n    },\n    [onActualChange]\n  );\n\n  const swatchOnChange = useCallback(\n    (color: ColorChannels) => {\n      const nonZeroAlpha = valueChannels.a || 1;\n      const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n      onActualChange({ ...color, a: alpha });\n    },\n    [onActualChange, valueChannels.a, enableAlpha]\n  );\n\n  // Prevents focus on opacity drag end\n  const onOpacityDragEnd = useCallback(() => {\n    setTimeout(() => {\n      setIsOpen(false);\n      (document.activeElement as HTMLElement | null)?.blur?.();\n    }, 0);\n  }, []);\n\n  const onOpacityDrag = useMemo(\n    () =>\n      throttle((percent: number) => {\n        const newFieldValue = String(Math.round(percent));\n        onOpacityInputChange(newFieldValue);\n      }, 100),\n    [onOpacityInputChange]\n  );\n\n  useEffect(() => {\n    setInternalValue(valueChannels);\n  }, [valueChannels]);\n\n  useEffect(() => {\n    if (isMenuOpen) {\n      setIsSwatches(true);\n    }\n  }, [isMenuOpen]);\n\n  const inputValue = String(Math.round(internalValue.a * 100));\n\n  const hasVerticalMargin =\n    popoverPlacement?.startsWith('top') || popoverPlacement?.startsWith('bottom');\n  const hasHorizontalMargin =\n    popoverPlacement?.startsWith('left') || popoverPlacement?.startsWith('right');\n  const accessibleLabel = hasLabel ? (\n    <>\n      <label id={labelId} htmlFor={inputId}>\n        {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n      </label>\n      <span id={opacityLabelId} hidden>\n        Opacity\n      </span>\n    </>\n  ) : undefined;\n  const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n    () =>\n      hasLabel\n        ? {\n            id: inputId,\n            'aria-labelledby': `${labelId} ${opacityLabelId}`,\n          }\n        : {\n            id: inputId,\n            'aria-label': 'Opacity',\n          },\n    [hasLabel, inputId, labelId, opacityLabelId]\n  );\n\n  return (\n    <>\n      <TextInputNext\n        label={accessibleLabel}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n        size={size}\n        rootTagName=\"div\"\n        prefix={\n          <>\n            <div className={styles.fakeValue}>\n              {inputValue}\n              <span className={styles.fakeValuePercent}>%</span>\n            </div>\n\n            <div\n              ref={indicatorRef}\n              className={classNames(\n                styles.indicator,\n                internalValue.a === 0 && styles.transparent,\n                realElementsClassNames.indicator\n              )}\n              style={\n                {\n                  '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n                } as CSSProperties\n              }\n              onClick={disabled ? undefined : openMenuSwatch}\n              onKeyDown={openMenuKeyDown}\n              role=\"button\"\n              aria-label={hasLabel ? undefined : 'Color picker'}\n              aria-labelledby={hasLabel ? labelId : undefined}\n              aria-expanded={isMenuOpen}\n              aria-disabled={disabled}\n              tabIndex={disabled ? -1 : 0}\n            />\n          </>\n        }\n        suffix={\n          !isMenuOpen &&\n          enableAlpha &&\n          !disableOpacityDrag &&\n          !disabled && (\n            <OpacityDragTracker\n              value={Number(inputValue)}\n              onDrag={onOpacityDrag}\n              onDragEnd={onOpacityDragEnd}\n            />\n          )\n        }\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          !enableAlpha && styles.noAlpha,\n          className\n        )}\n        testId={testId}\n        inputContainerRef={inputContainerRef}\n        value={inputValue}\n        onChange={onOpacityInputChange}\n        onFocus={openMenuFocus}\n        inputType=\"number\"\n        inputMode=\"numeric\"\n        elementsClassNames={realElementsClassNames}\n        htmlAttributes={inputHtmlAttributes}\n      />\n\n      {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover */}\n      <Popover\n        ref={popoverRef}\n        anchorEl={inputContainerRef.current}\n        open={isMenuOpen}\n        onClose={closeMenu}\n        placement={popoverPlacement}\n        className={classNames(\n          styles.popover,\n          hasVerticalMargin && styles.marginVertical,\n          hasHorizontalMargin && styles.marginHorizontal,\n          internalValue.a === 0 && styles.isTransparent,\n          realElementsClassNames.popover\n        )}\n      >\n        {isSwatches ? (\n          <Swatches\n            onChange={swatchOnChange}\n            value={valueChannels}\n            addTransparent={enableAlpha}\n            autoFocus={focusTarget === 'palette'}\n            onAutoFocus={clearFocusTarget}\n          />\n        ) : (\n          <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n            <ChromePicker\n              color={internalValue}\n              onChange={onInternalValueChange}\n              onChangeComplete={pickerOnChange}\n              disableAlpha={!enableAlpha}\n              className={styles.picker}\n            />\n          </div>\n        )}\n        <div className={styles.switchButtons}>\n          <Tooltip title=\"Palette\">\n            <ButtonIcon\n              ariaLabel=\"Show color palette\"\n              size=\"medium\"\n              type={isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setSwatches}\n            >\n              <PaletteIcon />\n            </ButtonIcon>\n          </Tooltip>\n          <Tooltip title=\"Pick your own\">\n            <ButtonIcon\n              ariaLabel=\"Show custom color picker\"\n              size=\"medium\"\n              type={!isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setPicker}\n            >\n              <PickerIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n      </Popover>\n\n      {/* Opacity Drag Tracker should work even with popover open with a backdrop */}\n      {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n        <Popper\n          open={isMenuOpen}\n          anchorEl={inputContainerRef.current}\n          className={styles.dragTrackerPopper}\n          placement=\"right\"\n        >\n          <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n        </Popper>\n      )}\n    </>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","ownInputElementsClassNames","inputContainer","numberStepButtons","prefix","prefixContainer","suffix","suffixContainer","input","label","_ref","_ref$format","format","className","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","elementsClassNames","valueChannels","useMemo","channels","parseColor","_objectSpread","a","_","realElementsClassNames","Object","entries","reduce","acc","pair","_ref2","_ref3","_slicedToArray","key","classNames","useState","_useState2","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","v4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","jsxs","_Fragment","children","_jsx","jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { ColorPickerTestIds } from './ColorPicker.constants';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n\n  size?: TextInputNextProps['size'];\n  label?: TextInputNextProps['label'];\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  disabled?: boolean;\n  /**\n   * Disables drag to change opacity functinality\n   */\n  disableOpacityDrag?: boolean;\n  /**\n   * Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n   */\n  format?: 'rgb' | 'hex';\n  /**\n   * Allows user to control color's opacity, adds alpha channel to resulting color string\n   */\n  enableAlpha?: boolean;\n\n  popoverPlacement?: PopoverProps['placement'];\n\n  onOpen?: () => void;\n  onClose?: () => void;\n\n  /**\n   * An escape hatch to tweak styling of internal elements\n   */\n  elementsClassNames?: Partial<\n    Omit<\n      Required<TextInputNextProps>['elementsClassNames'],\n      'message' | 'numberStepButtons' | 'prefix' | 'suffix'\n    > &\n      Record<'indicator' | 'popover', string>\n  >;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\nconst ownInputElementsClassNames: TextInputNextProps['elementsClassNames'] = {\n  inputContainer: styles.inputContainer,\n  numberStepButtons: styles.numberStepButtons,\n  prefix: styles.prefixContainer,\n  suffix: styles.suffixContainer,\n  input: styles.input,\n  label: styles.label,\n};\n\ntype FocusTarget = 'palette' | 'picker';\n\nexport const ColorPicker = ({\n  format = 'hex',\n  className,\n  label,\n  labelPlacement = 'top',\n  popoverPlacement = 'bottom-start',\n  testId,\n  disabled,\n  size = 'small',\n  onOpen,\n  onClose,\n  value = defaultColor,\n  onChange,\n  disableOpacityDrag,\n  enableAlpha = false,\n  elementsClassNames,\n}: ColorPickerProps) => {\n  const valueChannels = useMemo(() => {\n    try {\n      const channels = parseColor(value);\n\n      return { ...channels, a: enableAlpha ? channels.a : 1 };\n    } catch (_) {\n      return parseColor(defaultColor);\n    }\n  }, [value, enableAlpha]);\n\n  const realElementsClassNames = useMemo((): Required<ColorPickerProps>['elementsClassNames'] => {\n    return elementsClassNames\n      ? Object.entries(elementsClassNames).reduce<Required<ColorPickerProps>['elementsClassNames']>(\n          (acc, pair) => {\n            const [key, value] = pair as [\n              keyof Required<ColorPickerProps>['elementsClassNames'],\n              string\n            ];\n            return {\n              ...acc,\n              [key]: acc[key] ? classNames(acc[key], value) : value,\n            };\n          },\n          {\n            ...ownInputElementsClassNames,\n          }\n        )\n      : ownInputElementsClassNames;\n  }, [elementsClassNames]);\n\n  const [isMenuOpen, setIsOpen] = useState(false);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const indicatorRef = useRef<HTMLDivElement>(null);\n  const [isSwatches, setIsSwatches] = useState(true);\n  const [focusTarget, setFocusTarget] = useState<FocusTarget | null>(null);\n  const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n  const inputId = `${accessibilityId}-opacity-input`;\n  const labelId = `${accessibilityId}-label`;\n  const opacityLabelId = `${accessibilityId}-opacity-label`;\n  const hasLabel = Boolean(label);\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const openMenuSwatch = useCallback<MouseEventHandler>(\n    e => {\n      e.preventDefault();\n      setFocusTarget(null);\n      openMenu();\n    },\n    [openMenu]\n  );\n\n  const openMenuFocus = useCallback(() => {\n    setFocusTarget(null);\n    openMenu();\n  }, [openMenu]);\n\n  const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      if (!disabled && (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown')) {\n        event.preventDefault();\n        setFocusTarget('palette');\n        openMenu();\n      }\n    },\n    [disabled, openMenu]\n  );\n\n  const closeMenu = useCallback(() => {\n    const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n    setFocusTarget(null);\n    setIsOpen(false);\n    onClose?.();\n\n    // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n    if (isFocusInPopover) {\n      indicatorRef.current?.focus({ preventScroll: true });\n    }\n  }, [onClose]);\n\n  const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'palette' : null);\n    setIsSwatches(true);\n  }, []);\n\n  const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n    setFocusTarget(event.detail === 0 ? 'picker' : null);\n    setIsSwatches(false);\n  }, []);\n\n  const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n  const onInternalValueChange = useCallback(\n    (color: ColorResult) => setInternalValue(color.rgb),\n    []\n  );\n\n  const onActualChange = useCallback(\n    (color: ColorChannels) => {\n      const formatted =\n        format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n      onChange?.(formatted);\n    },\n    [format, onChange, enableAlpha]\n  );\n\n  const onKeyboardPickerChange = useCallback(\n    (color: ColorChannels) => {\n      setInternalValue(color);\n      onActualChange(color);\n    },\n    [onActualChange]\n  );\n\n  const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n    color: internalValue,\n    enableAlpha,\n    isActive: !isSwatches,\n    onChange: onKeyboardPickerChange,\n  });\n\n  useEffect(() => {\n    if (focusTarget !== 'picker' || isSwatches) {\n      return;\n    }\n\n    const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n      '[data-color-picker-control=\"saturation\"]'\n    );\n\n    if (firstControl) {\n      firstControl.focus({ preventScroll: true });\n      clearFocusTarget();\n    }\n  }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n  const onOpacityInputChange = useCallback(\n    (opacityString: string) => {\n      const opacityNumber = Number(opacityString);\n\n      if (Number.isNaN(opacityNumber) || opacityNumber < 0 || opacityNumber > 100) {\n        return;\n      }\n\n      const color = { ...valueChannels, a: opacityNumber / 100 };\n      onActualChange(color);\n    },\n    [valueChannels, onActualChange]\n  );\n\n  const pickerOnChange = useCallback(\n    (color: ColorResult) => {\n      onActualChange(color.rgb);\n    },\n    [onActualChange]\n  );\n\n  const swatchOnChange = useCallback(\n    (color: ColorChannels) => {\n      const nonZeroAlpha = valueChannels.a || 1;\n      const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n      onActualChange({ ...color, a: alpha });\n    },\n    [onActualChange, valueChannels.a, enableAlpha]\n  );\n\n  // Prevents focus on opacity drag end\n  const onOpacityDragEnd = useCallback(() => {\n    setTimeout(() => {\n      setIsOpen(false);\n      (document.activeElement as HTMLElement | null)?.blur?.();\n    }, 0);\n  }, []);\n\n  const onOpacityDrag = useMemo(\n    () =>\n      throttle((percent: number) => {\n        const newFieldValue = String(Math.round(percent));\n        onOpacityInputChange(newFieldValue);\n      }, 100),\n    [onOpacityInputChange]\n  );\n\n  useEffect(() => {\n    setInternalValue(valueChannels);\n  }, [valueChannels]);\n\n  useEffect(() => {\n    if (isMenuOpen) {\n      setIsSwatches(true);\n    }\n  }, [isMenuOpen]);\n\n  const inputValue = String(Math.round(internalValue.a * 100));\n\n  const hasVerticalMargin =\n    popoverPlacement?.startsWith('top') || popoverPlacement?.startsWith('bottom');\n  const hasHorizontalMargin =\n    popoverPlacement?.startsWith('left') || popoverPlacement?.startsWith('right');\n  const accessibleLabel = hasLabel ? (\n    <>\n      <label id={labelId} htmlFor={inputId}>\n        {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n      </label>\n      <span id={opacityLabelId} hidden>\n        Opacity\n      </span>\n    </>\n  ) : undefined;\n  const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n    () =>\n      hasLabel\n        ? {\n            id: inputId,\n            'aria-labelledby': `${labelId} ${opacityLabelId}`,\n          }\n        : {\n            id: inputId,\n            'aria-label': 'Opacity',\n          },\n    [hasLabel, inputId, labelId, opacityLabelId]\n  );\n\n  return (\n    <>\n      <TextInputNext\n        label={accessibleLabel}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n        size={size}\n        rootTagName=\"div\"\n        prefix={\n          <>\n            <div className={styles.fakeValue}>\n              {inputValue}\n              <span className={styles.fakeValuePercent}>%</span>\n            </div>\n\n            <div\n              ref={indicatorRef}\n              data-testid={ColorPickerTestIds.IndicatorTestId}\n              className={classNames(\n                styles.indicator,\n                internalValue.a === 0 && styles.transparent,\n                realElementsClassNames.indicator\n              )}\n              style={\n                {\n                  '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n                } as CSSProperties\n              }\n              onClick={disabled ? undefined : openMenuSwatch}\n              onKeyDown={openMenuKeyDown}\n              role=\"button\"\n              aria-label={hasLabel ? undefined : 'Color picker'}\n              aria-labelledby={hasLabel ? labelId : undefined}\n              aria-expanded={isMenuOpen}\n              aria-disabled={disabled}\n              tabIndex={disabled ? -1 : 0}\n            />\n          </>\n        }\n        suffix={\n          !isMenuOpen &&\n          enableAlpha &&\n          !disableOpacityDrag &&\n          !disabled && (\n            <OpacityDragTracker\n              value={Number(inputValue)}\n              onDrag={onOpacityDrag}\n              onDragEnd={onOpacityDragEnd}\n            />\n          )\n        }\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          !enableAlpha && styles.noAlpha,\n          className\n        )}\n        testId={testId}\n        inputContainerRef={inputContainerRef}\n        value={inputValue}\n        onChange={onOpacityInputChange}\n        onFocus={openMenuFocus}\n        inputType=\"number\"\n        inputMode=\"numeric\"\n        elementsClassNames={realElementsClassNames}\n        htmlAttributes={inputHtmlAttributes}\n      />\n\n      {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover */}\n      <Popover\n        ref={popoverRef}\n        testId={ColorPickerTestIds.PopoverTestId}\n        anchorEl={inputContainerRef.current}\n        open={isMenuOpen}\n        onClose={closeMenu}\n        placement={popoverPlacement}\n        className={classNames(\n          styles.popover,\n          hasVerticalMargin && styles.marginVertical,\n          hasHorizontalMargin && styles.marginHorizontal,\n          internalValue.a === 0 && styles.isTransparent,\n          realElementsClassNames.popover\n        )}\n      >\n        {isSwatches ? (\n          <Swatches\n            onChange={swatchOnChange}\n            value={valueChannels}\n            addTransparent={enableAlpha}\n            autoFocus={focusTarget === 'palette'}\n            onAutoFocus={clearFocusTarget}\n          />\n        ) : (\n          <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n            <ChromePicker\n              color={internalValue}\n              onChange={onInternalValueChange}\n              onChangeComplete={pickerOnChange}\n              disableAlpha={!enableAlpha}\n              className={styles.picker}\n            />\n          </div>\n        )}\n        <div className={styles.switchButtons}>\n          <Tooltip title=\"Palette\">\n            <ButtonIcon\n              ariaLabel=\"Show color palette\"\n              size=\"medium\"\n              type={isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setSwatches}\n            >\n              <PaletteIcon />\n            </ButtonIcon>\n          </Tooltip>\n          <Tooltip title=\"Pick your own\">\n            <ButtonIcon\n              ariaLabel=\"Show custom color picker\"\n              size=\"medium\"\n              type={!isSwatches ? 'secondary' : 'tertiary'}\n              onClick={setPicker}\n            >\n              <PickerIcon />\n            </ButtonIcon>\n          </Tooltip>\n        </div>\n      </Popover>\n\n      {/* Opacity Drag Tracker should work even with popover open with a backdrop */}\n      {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n        <Popper\n          open={isMenuOpen}\n          anchorEl={inputContainerRef.current}\n          className={styles.dragTrackerPopper}\n          placement=\"right\"\n        >\n          <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n        </Popper>\n      )}\n    </>\n  );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","ownInputElementsClassNames","inputContainer","numberStepButtons","prefix","prefixContainer","suffix","suffixContainer","input","label","_ref","_ref$format","format","className","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","elementsClassNames","valueChannels","useMemo","channels","parseColor","_objectSpread","a","_","realElementsClassNames","Object","entries","reduce","acc","pair","_ref2","_ref3","_slicedToArray","key","classNames","useState","_useState2","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","v4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","jsxs","_Fragment","children","_jsx","jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","ColorPickerTestIds","IndicatorTestId","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","PopoverTestId","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"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"}

package/cjs-bundle/componentsV2/ColorPicker/Swatches/Swatches.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),c=require("lodash"),n=require("react"),r=require("../utils.js"),i=require("./constants.js"),u=require("./Swatches.scss.js"),t=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),j=l(o),q=l(e),I=["a"];function d(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?d(Object(e),!0).forEach((function(o){j.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.Swatches=function(s){var o=s.value,e=s.onChange,l=s.addTransparent,j=s.autoFocus,d=s.onAutoFocus,b=n.useRef([]),f=p(p({},o),{},{a:1}),h=0===o.a,C=l?i.paletteColors.toSpliced(11,1,"#FFFFFF00"):i.paletteColors,O=function(s){var o=r.parseColor(s),e=o.a,n=p(p({},m.default(o,I)),{},{a:1}),i=0===e;return c.isEqual(f,n)&&!i&&!h||h&&i},v=C.findIndex(O);n.useEffect((function(){if(j){var s=-1===v?0:v,o=b.current[s];o&&(o.focus({preventScroll:!0}),null==d||d())}}),[j,d,v]);var g=function(s,o){var c;(e(r.parseColor(C[s])),o)&&(null===(c=b.current[s])||void 0===c||c.focus({preventScroll:!0}))},F=function(s){var o,e=Number(s.currentTarget.dataset.index);switch(s.key){case"ArrowRight":o=(e+1)%C.length;break;case"ArrowLeft":o=(e-1+C.length)%C.length;break;case"ArrowDown":o=(e+12)%C.length;break;case"ArrowUp":o=(e-12+C.length)%C.length;break;case"Home":o=0;break;case"End":o=C.length-1;break;case"Enter":case" ":return s.preventDefault(),void g(e,!1);default:return}"number"==typeof o&&(s.preventDefault(),g(o,!0))};return a.jsx("div",{className:u.root,role:"radiogroup","aria-label":"Color palette",children:C.map((function(s,o){var c=r.parseColor(s),n=r.getLuminance(s)>.97,i=0===c.a,l=O(s);return a.jsx("div",{ref:function(s){b.current[o]=s},className:q.default(u.swatch,l&&u.selected,i&&u.transparent,(n||i)&&u.darkAccent),onClick:function(){return e(c)},onKeyDown:F,style:i?void 0:{background:s},role:"radio","aria-checked":l,"aria-label":i?"Transparent":s.toUpperCase(),tabIndex:l||-1===v&&0===o?0:-1,"data-index":o,children:a.jsx(t.CheckSmallIcon,{size:14,className:u.icon})},s)}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("@babel/runtime/helpers/defineProperty"),o=require("classnames"),c=require("lodash"),n=require("react"),r=require("../utils.js"),i=require("../ColorPicker.constants.js"),t=require("./constants.js"),u=require("./Swatches.scss.js"),a=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var l=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),q=m(e),d=m(o),I=["a"];function p(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);e&&(c=c.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,c)}return o}function b(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?p(Object(o),!0).forEach((function(e){q.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}exports.Swatches=function(s){var e=s.value,o=s.onChange,m=s.addTransparent,q=s.autoFocus,p=s.onAutoFocus,f=n.useRef([]),h=b(b({},e),{},{a:1}),C=0===e.a,v=m?t.paletteColors.toSpliced(11,1,"#FFFFFF00"):t.paletteColors,O=function(s){var e=r.parseColor(s),o=e.a,n=b(b({},j.default(e,I)),{},{a:1}),i=0===o;return c.isEqual(h,n)&&!i&&!C||C&&i},g=v.findIndex(O);n.useEffect((function(){if(q){var s=-1===g?0:g,e=f.current[s];e&&(e.focus({preventScroll:!0}),null==p||p())}}),[q,p,g]);var F=function(s,e){var c;(o(r.parseColor(v[s])),e)&&(null===(c=f.current[s])||void 0===c||c.focus({preventScroll:!0}))},P=function(s){var e,o=Number(s.currentTarget.dataset.index);switch(s.key){case"ArrowRight":e=(o+1)%v.length;break;case"ArrowLeft":e=(o-1+v.length)%v.length;break;case"ArrowDown":e=(o+12)%v.length;break;case"ArrowUp":e=(o-12+v.length)%v.length;break;case"Home":e=0;break;case"End":e=v.length-1;break;case"Enter":case" ":return s.preventDefault(),void F(o,!1);default:return}"number"==typeof e&&(s.preventDefault(),F(e,!0))};return l.jsx("div",{className:u.root,role:"radiogroup","aria-label":"Color palette",children:v.map((function(s,e){var c=r.parseColor(s),n=r.getLuminance(s)>.97,t=0===c.a,m=O(s);return l.jsx("div",{ref:function(s){f.current[e]=s},className:d.default(u.swatch,m&&u.selected,t&&u.transparent,(n||t)&&u.darkAccent),onClick:function(){return o(c)},onKeyDown:P,style:t?void 0:{background:s},role:"radio","aria-checked":m,"aria-label":t?"Transparent":s.toUpperCase(),tabIndex:m||-1===g&&0===e?0:-1,"data-index":e,"data-testid":i.ColorPickerTestIds.SwatchTestId,"data-color":s.toUpperCase(),"data-selected":m,children:l.jsx(a.CheckSmallIcon,{size:14,className:u.icon,"data-testid":m?i.ColorPickerTestIds.SelectedSwatchTestId:void 0})},s)}))})};
 //# sourceMappingURL=Swatches.js.map

package/cjs-bundle/componentsV2/ColorPicker/Swatches/Swatches.js.map

@@ -1 +1 @@
-{"version":3,"file":"Swatches.js","sources":["../../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n  /**\n   * Hex or rgba, with or without alpha\n   */\n  value: ColorChannels;\n  onChange: (color: ColorChannels) => void;\n  addTransparent?: boolean;\n  autoFocus?: boolean;\n  onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n  value,\n  onChange,\n  addTransparent,\n  autoFocus,\n  onAutoFocus,\n}: SwatchesProps) => {\n  const swatchRefs = useRef<Array<HTMLDivElement | null>>([]);\n  const opaqueValue = { ...value, a: 1 };\n  const isValueTransparent = value.a === 0;\n\n  const colors = addTransparent\n    ? paletteColors.toSpliced(colorsPerRow - 1, 1, '#FFFFFF00')\n    : paletteColors;\n\n  const isSelectedColor = (color: string) => {\n    const { a, ...colorChannels } = parseColor(color);\n    const opaqueColor = { ...colorChannels, a: 1 };\n    const isTransparent = a === 0;\n\n    return (\n      (isEqual(opaqueValue, opaqueColor) && !isTransparent && !isValueTransparent) ||\n      (isValueTransparent && isTransparent)\n    );\n  };\n\n  const selectedIndex = colors.findIndex(isSelectedColor);\n\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    const focusIndex = selectedIndex === -1 ? 0 : selectedIndex;\n    const swatch = swatchRefs.current[focusIndex];\n\n    if (swatch) {\n      swatch.focus({ preventScroll: true });\n      onAutoFocus?.();\n    }\n  }, [autoFocus, onAutoFocus, selectedIndex]);\n\n  const selectColor = (index: number, focus: boolean) => {\n    onChange(parseColor(colors[index]));\n\n    if (focus) {\n      swatchRefs.current[index]?.focus({ preventScroll: true });\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n    const currentIndex = Number(event.currentTarget.dataset.index);\n    let nextIndex: number | undefined;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        nextIndex = (currentIndex + 1) % colors.length;\n        break;\n      case 'ArrowLeft':\n        nextIndex = (currentIndex - 1 + colors.length) % colors.length;\n        break;\n      case 'ArrowDown':\n        nextIndex = (currentIndex + colorsPerRow) % colors.length;\n        break;\n      case 'ArrowUp':\n        nextIndex = (currentIndex - colorsPerRow + colors.length) % colors.length;\n        break;\n      case 'Home':\n        nextIndex = 0;\n        break;\n      case 'End':\n        nextIndex = colors.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        selectColor(currentIndex, false);\n        return;\n      default:\n        return;\n    }\n\n    if (typeof nextIndex === 'number') {\n      event.preventDefault();\n      selectColor(nextIndex, true);\n    }\n  };\n\n  return (\n    <div className={styles.root} role=\"radiogroup\" aria-label=\"Color palette\">\n      {colors.map((color, index) => {\n        const channels = parseColor(color);\n        const isLightColor = getLuminance(color) > 0.97;\n        const isTransparent = channels.a === 0;\n        const isSelected = isSelectedColor(color);\n\n        return (\n          <div\n            key={color}\n            ref={element => {\n              swatchRefs.current[index] = element;\n            }}\n            className={classNames(\n              styles.swatch,\n              isSelected && styles.selected,\n              isTransparent && styles.transparent,\n              (isLightColor || isTransparent) && styles.darkAccent\n            )}\n            onClick={() => onChange(channels)}\n            onKeyDown={handleKeyDown}\n            style={isTransparent ? undefined : { background: color }}\n            role=\"radio\"\n            aria-checked={isSelected}\n            aria-label={isTransparent ? 'Transparent' : color.toUpperCase()}\n            tabIndex={isSelected || (selectedIndex === -1 && index === 0) ? 0 : -1}\n            data-index={index}\n          >\n            <CheckSmallIcon size={14} className={styles.icon} />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["_ref","value","onChange","addTransparent","autoFocus","onAutoFocus","swatchRefs","useRef","opaqueValue","a","isValueTransparent","colors","paletteColors","toSpliced","colorsPerRow","isSelectedColor","color","parseColor","opaqueColor","_objectWithoutProperties","_parseColor","_excluded","isTransparent","isEqual","selectedIndex","findIndex","useEffect","focusIndex","swatch","current","focus","preventScroll","selectColor","index","_swatchRefs$current$i","handleKeyDown","event","nextIndex","currentIndex","Number","currentTarget","dataset","key","length","preventDefault","_jsx","className","styles","root","role","children","map","channels","isLightColor","getLuminance","isSelected","ref","element","classNames","selected","transparent","darkAccent","onClick","onKeyDown","style","undefined","background","toUpperCase","tabIndex","CheckSmallIcon","size","icon"],"mappings":"g0KAyBwB,SAMHA,GAAA,IALnBC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,YAEMC,EAAaC,SAAqC,IAClDC,SAAmBP,GAAK,GAAA,CAAEQ,EAAG,IAC7BC,EAAiC,IAAZT,EAAMQ,EAE3BE,EAASR,EACXS,EAAAA,cAAcC,UAAUC,GAAkB,EAAG,aAC7CF,gBAEEG,EAAkB,SAACC,GACvB,IAAgCC,EAAAA,EAAUA,WAACD,GAAnCP,IAAAA,EACFS,SADqBC,EAAA,QAAAC,EAAAC,IACW,GAAA,CAAEZ,EAAG,IACrCa,EAAsB,IAANb,EAEtB,OACGc,EAAOA,QAACf,EAAaU,KAAiBI,IAAkBZ,GACxDA,GAAsBY,GAIrBE,EAAgBb,EAAOc,UAAUV,GAEvCW,EAAAA,WAAU,WACR,GAAKtB,EAAL,CAIA,IAAMuB,GAAgC,IAAnBH,EAAuB,EAAIA,EACxCI,EAAStB,EAAWuB,QAAQF,GAE9BC,IACFA,EAAOE,MAAM,CAAEC,eAAe,IAC9B1B,SAAAA,IAPF,CASD,GAAE,CAACD,EAAWC,EAAamB,IAE5B,IAAMQ,EAAc,SAACC,EAAeH,GAGvB,IAAAI,GAFXhC,EAASe,EAAAA,WAAWN,EAAOsB,KAEvBH,KACuB,QAAzBxB,EAAAA,EAAWuB,QAAQI,UAAM,IAAAC,GAAzBA,EAA2BJ,MAAM,CAAEC,eAAe,MAIhDI,EAAsD,SAAAC,GAC1D,IACIC,EADEC,EAAeC,OAAOH,EAAMI,cAAcC,QAAQR,OAGxD,OAAQG,EAAMM,KACZ,IAAK,aACHL,GAAaC,EAAe,GAAK3B,EAAOgC,OACxC,MACF,IAAK,YACHN,GAAaC,EAAe,EAAI3B,EAAOgC,QAAUhC,EAAOgC,OACxD,MACF,IAAK,YACHN,GAAaC,EAhEA,IAgE+B3B,EAAOgC,OACnD,MACF,IAAK,UACHN,GAAaC,EAnEA,GAmE8B3B,EAAOgC,QAAUhC,EAAOgC,OACnE,MACF,IAAK,OACHN,EAAY,EACZ,MACF,IAAK,MACHA,EAAY1B,EAAOgC,OAAS,EAC5B,MACF,IAAK,QACL,IAAK,IAGH,OAFAP,EAAMQ,sBACNZ,EAAYM,GAAc,GAE5B,QACE,OAGqB,iBAAdD,IACTD,EAAMQ,iBACNZ,EAAYK,GAAW,KAI3B,OACEQ,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,KAAK,aAAa,aAAW,gBAAeC,SACtEvC,EAAOwC,KAAI,SAACnC,EAAOiB,GAClB,IAAMmB,EAAWnC,aAAWD,GACtBqC,EAAeC,EAAAA,aAAatC,GAAS,IACrCM,EAA+B,IAAf8B,EAAS3C,EACzB8C,EAAaxC,EAAgBC,GAEnC,OACE6B,EAAAA,IAAA,MAAA,CAEEW,IAAK,SAAAC,GACHnD,EAAWuB,QAAQI,GAASwB,CAC5B,EACFX,UAAWY,EAAU,QACnBX,EAAOnB,OACP2B,GAAcR,EAAOY,SACrBrC,GAAiByB,EAAOa,aACvBP,GAAgB/B,IAAkByB,EAAOc,YAE5CC,QAAS,WAAA,OAAM5D,EAASkD,EAAU,EAClCW,UAAW5B,EACX6B,MAAO1C,OAAgB2C,EAAY,CAAEC,WAAYlD,GACjDiC,KAAK,QACL,eAAcM,EACd,aAAYjC,EAAgB,cAAgBN,EAAMmD,cAClDC,SAAUb,IAAkC,IAAnB/B,GAAkC,IAAVS,EAAe,GAAK,EACrE,aAAYA,EAAMiB,SAElBL,MAACwB,iBAAc,CAACC,KAAM,GAAIxB,UAAWC,EAAOwB,QAnBvCvD,OAyBjB"}
+{"version":3,"file":"Swatches.js","sources":["../../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { ColorPickerTestIds } from '../ColorPicker.constants';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n  /**\n   * Hex or rgba, with or without alpha\n   */\n  value: ColorChannels;\n  onChange: (color: ColorChannels) => void;\n  addTransparent?: boolean;\n  autoFocus?: boolean;\n  onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n  value,\n  onChange,\n  addTransparent,\n  autoFocus,\n  onAutoFocus,\n}: SwatchesProps) => {\n  const swatchRefs = useRef<Array<HTMLDivElement | null>>([]);\n  const opaqueValue = { ...value, a: 1 };\n  const isValueTransparent = value.a === 0;\n\n  const colors = addTransparent\n    ? paletteColors.toSpliced(colorsPerRow - 1, 1, '#FFFFFF00')\n    : paletteColors;\n\n  const isSelectedColor = (color: string) => {\n    const { a, ...colorChannels } = parseColor(color);\n    const opaqueColor = { ...colorChannels, a: 1 };\n    const isTransparent = a === 0;\n\n    return (\n      (isEqual(opaqueValue, opaqueColor) && !isTransparent && !isValueTransparent) ||\n      (isValueTransparent && isTransparent)\n    );\n  };\n\n  const selectedIndex = colors.findIndex(isSelectedColor);\n\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    const focusIndex = selectedIndex === -1 ? 0 : selectedIndex;\n    const swatch = swatchRefs.current[focusIndex];\n\n    if (swatch) {\n      swatch.focus({ preventScroll: true });\n      onAutoFocus?.();\n    }\n  }, [autoFocus, onAutoFocus, selectedIndex]);\n\n  const selectColor = (index: number, focus: boolean) => {\n    onChange(parseColor(colors[index]));\n\n    if (focus) {\n      swatchRefs.current[index]?.focus({ preventScroll: true });\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n    const currentIndex = Number(event.currentTarget.dataset.index);\n    let nextIndex: number | undefined;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        nextIndex = (currentIndex + 1) % colors.length;\n        break;\n      case 'ArrowLeft':\n        nextIndex = (currentIndex - 1 + colors.length) % colors.length;\n        break;\n      case 'ArrowDown':\n        nextIndex = (currentIndex + colorsPerRow) % colors.length;\n        break;\n      case 'ArrowUp':\n        nextIndex = (currentIndex - colorsPerRow + colors.length) % colors.length;\n        break;\n      case 'Home':\n        nextIndex = 0;\n        break;\n      case 'End':\n        nextIndex = colors.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        selectColor(currentIndex, false);\n        return;\n      default:\n        return;\n    }\n\n    if (typeof nextIndex === 'number') {\n      event.preventDefault();\n      selectColor(nextIndex, true);\n    }\n  };\n\n  return (\n    <div className={styles.root} role=\"radiogroup\" aria-label=\"Color palette\">\n      {colors.map((color, index) => {\n        const channels = parseColor(color);\n        const isLightColor = getLuminance(color) > 0.97;\n        const isTransparent = channels.a === 0;\n        const isSelected = isSelectedColor(color);\n\n        return (\n          <div\n            key={color}\n            ref={element => {\n              swatchRefs.current[index] = element;\n            }}\n            className={classNames(\n              styles.swatch,\n              isSelected && styles.selected,\n              isTransparent && styles.transparent,\n              (isLightColor || isTransparent) && styles.darkAccent\n            )}\n            onClick={() => onChange(channels)}\n            onKeyDown={handleKeyDown}\n            style={isTransparent ? undefined : { background: color }}\n            role=\"radio\"\n            aria-checked={isSelected}\n            aria-label={isTransparent ? 'Transparent' : color.toUpperCase()}\n            tabIndex={isSelected || (selectedIndex === -1 && index === 0) ? 0 : -1}\n            data-index={index}\n            data-testid={ColorPickerTestIds.SwatchTestId}\n            data-color={color.toUpperCase()}\n            data-selected={isSelected}\n          >\n            <CheckSmallIcon\n              size={14}\n              className={styles.icon}\n              data-testid={isSelected ? ColorPickerTestIds.SelectedSwatchTestId : undefined}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["_ref","value","onChange","addTransparent","autoFocus","onAutoFocus","swatchRefs","useRef","opaqueValue","a","isValueTransparent","colors","paletteColors","toSpliced","colorsPerRow","isSelectedColor","color","parseColor","opaqueColor","_objectWithoutProperties","_parseColor","_excluded","isTransparent","isEqual","selectedIndex","findIndex","useEffect","focusIndex","swatch","current","focus","preventScroll","selectColor","index","_swatchRefs$current$i","handleKeyDown","event","nextIndex","currentIndex","Number","currentTarget","dataset","key","length","preventDefault","_jsx","className","styles","root","role","children","map","channels","isLightColor","getLuminance","isSelected","ref","element","classNames","selected","transparent","darkAccent","onClick","onKeyDown","style","undefined","background","toUpperCase","tabIndex","ColorPickerTestIds","SwatchTestId","CheckSmallIcon","size","icon","SelectedSwatchTestId"],"mappings":"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"}