@corva/ui 3.72.0-1 → 3.72.0-4

package/cjs-bundle/components/AppVersionsSelect/AppVersionsSelect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),n=require("prop-types"),s=require("lodash"),i=require("classnames"),o=require("@material-ui/core"),l=require("./effects/index.js");require("../../permissions/PermissionsContext.js");var u=require("../../permissions/constants/index.js"),c=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js");var d=require("../TruncatedText/index.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js");var p=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");var b=require("react/jsx-runtime");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=v(e),j=v(r),m=v(t),g=v(i),h=["appId"],P=["canReadAppPackages"];function q(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){j.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var x=p.PACKAGE_STATUSES,O=p.PACKAGE_LABELS,S=p.TEXT_FOR_PACKAGE_LABELS,A=o.makeStyles((function(e){return{select:{width:250,margin:"8px 0"},menuListRoot:{maxWidth:580},group:{fontStyle:"italic",fontWeight:"bold",fontSize:"12px",color:"#999",backgroundColor:e.palette.background.b9}}})),E=function(e){var r=e.className,t=e.value,n=e.onChange,i=e.isLoading,l=e.disabled,u=e.error,c=e.packages,p=A(),v=a.useState(t),f=m.default(v,2),h=f[0],P=f[1],q=a.useMemo((function(){var e,r={},t=(e={},j.default(e,O.PROD,{label:"Stable Release - no stable version",value:O.PROD,disabled:!0}),j.default(e,O.BETA,{label:"Beta - no beta version",value:O.BETA,disabled:!0}),j.default(e,O.DEV,{label:"Dev - no dev version",value:O.DEV,disabled:!0}),e),a=[];return c.filter((function(e){return e.status!==x.FAILURE})).forEach((function(e){var n=e.version,s=e.package_code_version,i=e.notes,o=e.label,l=e.status,u="v".concat(s||n);if(o){var c=t[o];c.label="".concat(S[o]," ").concat(u," ").concat(i?"-  ".concat(i):""),c.disabled=!1,r[c.value]=e}else r[n]=e,a.push({label:"".concat(u," ").concat(i?"-  ".concat(i):""),value:n,status:l})})),{labeled:Object.values(t),unlabeled:a,packageByValue:r}}),[c]),y=q.labeled,E=q.unlabeled,_=q.packageByValue,w=function(e){return n(e,_[e])},C=c.some((function(e){return!e.label})),D=!s.isEmpty(c);return a.useEffect((function(){if(D&&!t){var e=y.find((function(e){return!e.disabled}))||s.maxBy(E.filter((function(e){return e.status===x.PUBLISHED})),"value");P(null==e?void 0:e.value),w(null==e?void 0:e.value)}}),[y,E]),i||u?null:b.jsx(o.Grid,{children:b.jsxs(o.FormControl,{className:g.default(p.select,r),children:[b.jsx(o.InputLabel,{shrink:!(!t&&!h),htmlFor:"appVersion",children:"App Version"}),b.jsxs(o.Select,{"data-testid":"".concat("DC_versionSelect","_dropdown"),value:t||h,onChange:function(e){return w(e.target.value)},disabled:i||l,label:"App Version",inputProps:{name:"appVersion",id:"appVersion"},MenuProps:{MenuListProps:{classes:{root:p.menuListRoot}}},children:[C&&b.jsx(o.ListSubheader,{className:p.group,children:"Labelled Versions (When selected always shows current Stable Release, Beta or Dev version)"}),y.map((function(e){var r=e.label,t=e.value,a=e.disabled;return b.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,disabled:a,children:b.jsx(d,{children:r})},t)})),C&&b.jsx(o.ListSubheader,{className:p.group,children:"Other versions (App will always show selected version until version is deleted)"}),E.map((function(e){var r=e.label,t=e.value;return b.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,children:b.jsx(d,{children:r})},t)}))]})]})})};E.defaultProps={disabled:!1,error:null,isLoading:!1,packages:[],value:null};var _=function(e){var r=e.appId,t=f.default(e,h),a=l(r,{status:[x.DRAFT,x.PUBLISHED],order:"desc",sort:"created_at"});return b.jsx(E,y(y({},t),a))};_.propTypes={value:n.string,onChange:n.func.isRequired,appId:n.string},_.defaultProps={value:null,appId:null};var w=c.withPermissionsHOC({canReadAppPackages:function(e){var r=e.appId;return u.PERMISSIONS.getCanReadAppPackages(r)}},{loader:null})((function(e){var r=e.canReadAppPackages,t=f.default(e,P);return r&&b.jsx(_,y({},t))}));exports.AppVersionsSelectView=E,exports.default=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),n=require("prop-types"),s=require("lodash"),i=require("classnames"),o=require("@material-ui/core"),l=require("./effects/index.js");require("../../permissions/PermissionsContext.js");var u=require("../../permissions/constants/index.js"),c=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js");var d=require("../TruncatedText/index.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js");var p=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");var b=require("react/jsx-runtime");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=v(e),j=v(r),m=v(t),g=v(i),h=["appId"],P=["canReadAppPackages"];function q(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){j.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var x=p.PACKAGE_STATUSES,O=p.PACKAGE_LABELS,S=p.TEXT_FOR_PACKAGE_LABELS,A=o.makeStyles((function(e){return{select:{width:250,margin:"8px 0"},menuListRoot:{maxWidth:580},group:{fontStyle:"italic",fontWeight:"bold",fontSize:"12px",color:"#999",backgroundColor:e.palette.background.b9}}})),E=function(e){var r=e.className,t=e.value,n=e.onChange,i=e.isLoading,l=e.disabled,u=e.error,c=e.packages,p=A(),v=a.useState(t),f=m.default(v,2),h=f[0],P=f[1],q=a.useMemo((function(){var e,r={},t=(e={},j.default(e,O.PROD,{label:"Stable Release - no stable version",value:O.PROD,disabled:!0}),j.default(e,O.BETA,{label:"Beta - no beta version",value:O.BETA,disabled:!0}),j.default(e,O.DEV,{label:"Dev - no dev version",value:O.DEV,disabled:!0}),e),a=[];return c.filter((function(e){return e.status!==x.FAILURE})).forEach((function(e){var n=e.version,s=e.package_code_version,i=e.notes,o=e.label,l=e.status,u="v".concat(s||n);if(o){var c=t[o];c.label="".concat(S[o]," ").concat(u," ").concat(i?"-  ".concat(i):""),c.disabled=!1,r[c.value]=e}else r[n]=e,a.push({label:"".concat(u," ").concat(i?"-  ".concat(i):""),value:n,status:l})})),{labeled:Object.values(t),unlabeled:a,packageByValue:r}}),[c]),y=q.labeled,E=q.unlabeled,_=q.packageByValue,w=function(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return n(e,_[e],r)},C=c.some((function(e){return!e.label})),D=!s.isEmpty(c);return a.useEffect((function(){if(D&&!t){var e=y.find((function(e){return!e.disabled}))||s.maxBy(E.filter((function(e){return e.status===x.PUBLISHED})),"value");P(null==e?void 0:e.value),w(null==e?void 0:e.value)}}),[y,E]),i||u?null:b.jsx(o.Grid,{children:b.jsxs(o.FormControl,{className:g.default(p.select,r),children:[b.jsx(o.InputLabel,{shrink:!(!t&&!h),htmlFor:"appVersion",children:"App Version"}),b.jsxs(o.Select,{"data-testid":"".concat("DC_versionSelect","_dropdown"),value:t||h,onChange:function(e){return w(e.target.value,!0)},disabled:i||l,label:"App Version",inputProps:{name:"appVersion",id:"appVersion"},MenuProps:{MenuListProps:{classes:{root:p.menuListRoot}}},children:[C&&b.jsx(o.ListSubheader,{className:p.group,children:"Labelled Versions (When selected always shows current Stable Release, Beta or Dev version)"}),y.map((function(e){var r=e.label,t=e.value,a=e.disabled;return b.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,disabled:a,children:b.jsx(d,{children:r})},t)})),C&&b.jsx(o.ListSubheader,{className:p.group,children:"Other versions (App will always show selected version until version is deleted)"}),E.map((function(e){var r=e.label,t=e.value;return b.jsx(o.MenuItem,{"data-testid":"".concat("DC_versionSelect","_option_").concat(r,"MenuItem"),value:t,children:b.jsx(d,{children:r})},t)}))]})]})})};E.defaultProps={disabled:!1,error:null,isLoading:!1,packages:[],value:null};var _=function(e){var r=e.appId,t=f.default(e,h),a=l(r,{status:[x.DRAFT,x.PUBLISHED],order:"desc",sort:"created_at"});return b.jsx(E,y(y({},t),a))};_.propTypes={value:n.string,onChange:n.func.isRequired,appId:n.string},_.defaultProps={value:null,appId:null};var w=c.withPermissionsHOC({canReadAppPackages:function(e){var r=e.appId;return u.PERMISSIONS.getCanReadAppPackages(r)}},{loader:null})((function(e){var r=e.canReadAppPackages,t=f.default(e,P);return r&&b.jsx(_,y({},t))}));exports.AppVersionsSelectView=E,exports.default=w;
 //# sourceMappingURL=AppVersionsSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppVersionsSelect.js","sources":["../../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useEffect, useMemo, useState } from 'react';\nimport { string, func } from 'prop-types';\nimport { maxBy, isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport {\n  FormControl,\n  Grid,\n  InputLabel,\n  ListSubheader,\n  MenuItem,\n  Select,\n  makeStyles,\n} from '@material-ui/core';\n\nimport usePackages from './effects';\n\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\nimport TruncatedText from '~/components/TruncatedText';\nimport { appPackages } from '~/constants';\n\nconst { PACKAGE_STATUSES, PACKAGE_LABELS, TEXT_FOR_PACKAGE_LABELS } = appPackages;\n\nconst useStyles = makeStyles(theme => ({\n  select: { width: 250, margin: '8px 0' },\n  menuListRoot: { maxWidth: 580 },\n  group: {\n    fontStyle: 'italic',\n    fontWeight: 'bold',\n    fontSize: '12px',\n    color: '#999',\n    backgroundColor: theme.palette.background.b9,\n  },\n}));\n\nconst PAGE_NAME = 'DC_versionSelect';\n\n// View Component\nexport const AppVersionsSelectView = ({\n  className,\n  value,\n  onChange,\n  isLoading,\n  disabled,\n  error,\n  packages,\n}) => {\n  const styles = useStyles();\n\n  const [preselectedVersion, setPreselectedVersion] = useState(value);\n\n  const { labeled, unlabeled, packageByValue } = useMemo(() => {\n    const packageByValue = {};\n    const labeledMenuItemsMap = {\n      [PACKAGE_LABELS.PROD]: {\n        label: 'Stable Release - no stable version',\n        value: PACKAGE_LABELS.PROD,\n        disabled: true,\n      },\n      [PACKAGE_LABELS.BETA]: {\n        label: 'Beta - no beta version',\n        value: PACKAGE_LABELS.BETA,\n        disabled: true,\n      },\n      [PACKAGE_LABELS.DEV]: {\n        label: 'Dev - no dev version',\n        value: PACKAGE_LABELS.DEV,\n        disabled: true,\n      },\n    };\n\n    const unlabeled = [];\n\n    packages\n      // TODO: replace with query param filtering\n      .filter(appPackage => appPackage.status !== PACKAGE_STATUSES.FAILURE)\n      .forEach(appPackage => {\n        const {\n          version: apiVersion,\n          package_code_version: packageCodeVersion,\n          notes,\n          label,\n          status,\n        } = appPackage;\n        // NOTE: API version is deprecated, using version from package.json by default\n        const version = `v${packageCodeVersion || apiVersion}`;\n\n        if (label) {\n          const item = labeledMenuItemsMap[label];\n          item.label = `${TEXT_FOR_PACKAGE_LABELS[label]} ${version} ${notes ? `-  ${notes}` : ''}`;\n          item.disabled = false;\n          packageByValue[item.value] = appPackage;\n        } else {\n          packageByValue[apiVersion] = appPackage;\n          unlabeled.push({\n            label: `${version} ${notes ? `-  ${notes}` : ''}`,\n            value: apiVersion,\n            status,\n          });\n        }\n      });\n\n    return {\n      // Note: order is always the same here, non-integer keys are returned in insertion order.\n      labeled: Object.values(labeledMenuItemsMap),\n      unlabeled,\n      packageByValue,\n    };\n  }, [packages]);\n\n  const handleChange = value => onChange(value, packageByValue[value]);\n\n  const hasUnlabeledVersion = packages.some(appPackage => !appPackage.label);\n  const hasPackages = !isEmpty(packages);\n\n  useEffect(() => {\n    if (hasPackages && !value) {\n      const labeledVersion = labeled.find(item => !item.disabled);\n\n      const version =\n        labeledVersion ||\n        maxBy(\n          unlabeled.filter(item => item.status === PACKAGE_STATUSES.PUBLISHED),\n          'value'\n        );\n\n      setPreselectedVersion(version?.value);\n      handleChange(version?.value);\n    }\n  }, [labeled, unlabeled]);\n\n  if (isLoading || error) return null;\n\n  return (\n    <Grid>\n      <FormControl className={classNames(styles.select, className)}>\n        <InputLabel shrink={!!(value || preselectedVersion)} htmlFor=\"appVersion\">\n          App Version\n        </InputLabel>\n        <Select\n          data-testid={`${PAGE_NAME}_dropdown`}\n          value={value || preselectedVersion}\n          onChange={e => handleChange(e.target.value)}\n          disabled={isLoading || disabled}\n          label=\"App Version\"\n          inputProps={{\n            name: 'appVersion',\n            id: 'appVersion',\n          }}\n          MenuProps={{\n            MenuListProps: {\n              classes: {\n                root: styles.menuListRoot,\n              },\n            },\n          }}\n        >\n          {hasUnlabeledVersion && (\n            <ListSubheader className={styles.group}>\n              Labelled Versions (When selected always shows current Stable Release, Beta or Dev\n              version)\n            </ListSubheader>\n          )}\n          {labeled.map(({ label, value, disabled }) => (\n            <MenuItem\n              key={value}\n              data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n              value={value}\n              disabled={disabled}\n            >\n              <TruncatedText>{label}</TruncatedText>\n            </MenuItem>\n          ))}\n          {hasUnlabeledVersion && (\n            <ListSubheader className={styles.group}>\n              Other versions (App will always show selected version until version is deleted)\n            </ListSubheader>\n          )}\n          {unlabeled.map(({ label, value }) => (\n            <MenuItem\n              data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n              value={value}\n              key={value}\n            >\n              <TruncatedText>{label}</TruncatedText>\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Grid>\n  );\n};\n\nAppVersionsSelectView.defaultProps = {\n  disabled: false,\n  error: null,\n  isLoading: false,\n  packages: [],\n  value: null,\n};\n\n// Wrapper that fetches packages on its own\nconst AppVersionsSelect = ({ appId, ...otherProps }) => {\n  const packagesState = usePackages(appId, {\n    status: [PACKAGE_STATUSES.DRAFT, PACKAGE_STATUSES.PUBLISHED],\n    order: 'desc',\n    sort: 'created_at',\n  });\n  return <AppVersionsSelectView {...otherProps} {...packagesState} />;\n};\n\nAppVersionsSelect.propTypes = {\n  value: string,\n  onChange: func.isRequired,\n  appId: string,\n};\n\nAppVersionsSelect.defaultProps = {\n  value: null,\n  appId: null,\n};\n\n// Export default with permissions check\nexport default withPermissionsHOC(\n  { canReadAppPackages: ({ appId }) => PERMISSIONS.getCanReadAppPackages(appId) },\n  { loader: null }\n)(({ canReadAppPackages, ...props }) => canReadAppPackages && <AppVersionsSelect {...props} />);\n"],"names":["PACKAGE_STATUSES","appPackages","PACKAGE_LABELS","TEXT_FOR_PACKAGE_LABELS","useStyles","makeStyles","theme","select","width","margin","menuListRoot","maxWidth","group","fontStyle","fontWeight","fontSize","color","backgroundColor","palette","background","b9","AppVersionsSelectView","_ref","className","value","onChange","isLoading","disabled","error","packages","styles","useState","_useState2","_slicedToArray","_useState","preselectedVersion","setPreselectedVersion","useMemo","_labeledMenuItemsMap","packageByValue","labeledMenuItemsMap","_defineProperty","PROD","label","BETA","DEV","unlabeled","filter","appPackage","status","FAILURE","forEach","apiVersion","version","packageCodeVersion","package_code_version","notes","concat","item","push","labeled","Object","values","handleChange","hasUnlabeledVersion","some","hasPackages","isEmpty","useEffect","find","maxBy","PUBLISHED","_jsx","Grid","children","_jsxs","FormControl","classNames","InputLabel","shrink","htmlFor","Select","e","target","inputProps","name","id","MenuProps","MenuListProps","classes","root","jsx","ListSubheader","map","_ref2","MenuItem","PAGE_NAME","TruncatedText","_ref3","defaultProps","AppVersionsSelect","_ref4","appId","otherProps","_objectWithoutProperties","_excluded","packagesState","usePackages","DRAFT","order","sort","_objectSpread","propTypes","string","func","isRequired","AppVersionsSelect$1","withPermissionsHOC","canReadAppPackages","_ref5","PERMISSIONS","getCanReadAppPackages","loader","_ref6","props","_excluded2"],"mappings":"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"}
+{"version":3,"file":"AppVersionsSelect.js","sources":["../../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useEffect, useMemo, useState } from 'react';\nimport { string, func } from 'prop-types';\nimport { maxBy, isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport {\n  FormControl,\n  Grid,\n  InputLabel,\n  ListSubheader,\n  MenuItem,\n  Select,\n  makeStyles,\n} from '@material-ui/core';\n\nimport usePackages from './effects';\n\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\nimport TruncatedText from '~/components/TruncatedText';\nimport { appPackages } from '~/constants';\n\nconst { PACKAGE_STATUSES, PACKAGE_LABELS, TEXT_FOR_PACKAGE_LABELS } = appPackages;\n\nconst useStyles = makeStyles(theme => ({\n  select: { width: 250, margin: '8px 0' },\n  menuListRoot: { maxWidth: 580 },\n  group: {\n    fontStyle: 'italic',\n    fontWeight: 'bold',\n    fontSize: '12px',\n    color: '#999',\n    backgroundColor: theme.palette.background.b9,\n  },\n}));\n\nconst PAGE_NAME = 'DC_versionSelect';\n\n// View Component\nexport const AppVersionsSelectView = ({\n  className,\n  value,\n  onChange,\n  isLoading,\n  disabled,\n  error,\n  packages,\n}) => {\n  const styles = useStyles();\n\n  const [preselectedVersion, setPreselectedVersion] = useState(value);\n\n  const { labeled, unlabeled, packageByValue } = useMemo(() => {\n    const packageByValue = {};\n    const labeledMenuItemsMap = {\n      [PACKAGE_LABELS.PROD]: {\n        label: 'Stable Release - no stable version',\n        value: PACKAGE_LABELS.PROD,\n        disabled: true,\n      },\n      [PACKAGE_LABELS.BETA]: {\n        label: 'Beta - no beta version',\n        value: PACKAGE_LABELS.BETA,\n        disabled: true,\n      },\n      [PACKAGE_LABELS.DEV]: {\n        label: 'Dev - no dev version',\n        value: PACKAGE_LABELS.DEV,\n        disabled: true,\n      },\n    };\n\n    const unlabeled = [];\n\n    packages\n      // TODO: replace with query param filtering\n      .filter(appPackage => appPackage.status !== PACKAGE_STATUSES.FAILURE)\n      .forEach(appPackage => {\n        const {\n          version: apiVersion,\n          package_code_version: packageCodeVersion,\n          notes,\n          label,\n          status,\n        } = appPackage;\n        // NOTE: API version is deprecated, using version from package.json by default\n        const version = `v${packageCodeVersion || apiVersion}`;\n\n        if (label) {\n          const item = labeledMenuItemsMap[label];\n          item.label = `${TEXT_FOR_PACKAGE_LABELS[label]} ${version} ${notes ? `-  ${notes}` : ''}`;\n          item.disabled = false;\n          packageByValue[item.value] = appPackage;\n        } else {\n          packageByValue[apiVersion] = appPackage;\n          unlabeled.push({\n            label: `${version} ${notes ? `-  ${notes}` : ''}`,\n            value: apiVersion,\n            status,\n          });\n        }\n      });\n\n    return {\n      // Note: order is always the same here, non-integer keys are returned in insertion order.\n      labeled: Object.values(labeledMenuItemsMap),\n      unlabeled,\n      packageByValue,\n    };\n  }, [packages]);\n\n  // [REACT-18-MIGRATION-TAG] PLT-3099: isUserChange distinguishes a genuine selection from the\n  // auto-preselect effect below, so only the former opts the app out of the React-18 auto-switch.\n  const handleChange = (value, isUserChange = false) =>\n    onChange(value, packageByValue[value], isUserChange);\n\n  const hasUnlabeledVersion = packages.some(appPackage => !appPackage.label);\n  const hasPackages = !isEmpty(packages);\n\n  useEffect(() => {\n    if (hasPackages && !value) {\n      const labeledVersion = labeled.find(item => !item.disabled);\n\n      const version =\n        labeledVersion ||\n        maxBy(\n          unlabeled.filter(item => item.status === PACKAGE_STATUSES.PUBLISHED),\n          'value'\n        );\n\n      setPreselectedVersion(version?.value);\n      handleChange(version?.value);\n    }\n  }, [labeled, unlabeled]);\n\n  if (isLoading || error) return null;\n\n  return (\n    <Grid>\n      <FormControl className={classNames(styles.select, className)}>\n        <InputLabel shrink={!!(value || preselectedVersion)} htmlFor=\"appVersion\">\n          App Version\n        </InputLabel>\n        <Select\n          data-testid={`${PAGE_NAME}_dropdown`}\n          value={value || preselectedVersion}\n          onChange={e => handleChange(e.target.value, true)}\n          disabled={isLoading || disabled}\n          label=\"App Version\"\n          inputProps={{\n            name: 'appVersion',\n            id: 'appVersion',\n          }}\n          MenuProps={{\n            MenuListProps: {\n              classes: {\n                root: styles.menuListRoot,\n              },\n            },\n          }}\n        >\n          {hasUnlabeledVersion && (\n            <ListSubheader className={styles.group}>\n              Labelled Versions (When selected always shows current Stable Release, Beta or Dev\n              version)\n            </ListSubheader>\n          )}\n          {labeled.map(({ label, value, disabled }) => (\n            <MenuItem\n              key={value}\n              data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n              value={value}\n              disabled={disabled}\n            >\n              <TruncatedText>{label}</TruncatedText>\n            </MenuItem>\n          ))}\n          {hasUnlabeledVersion && (\n            <ListSubheader className={styles.group}>\n              Other versions (App will always show selected version until version is deleted)\n            </ListSubheader>\n          )}\n          {unlabeled.map(({ label, value }) => (\n            <MenuItem\n              data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n              value={value}\n              key={value}\n            >\n              <TruncatedText>{label}</TruncatedText>\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Grid>\n  );\n};\n\nAppVersionsSelectView.defaultProps = {\n  disabled: false,\n  error: null,\n  isLoading: false,\n  packages: [],\n  value: null,\n};\n\n// Wrapper that fetches packages on its own\nconst AppVersionsSelect = ({ appId, ...otherProps }) => {\n  const packagesState = usePackages(appId, {\n    status: [PACKAGE_STATUSES.DRAFT, PACKAGE_STATUSES.PUBLISHED],\n    order: 'desc',\n    sort: 'created_at',\n  });\n  return <AppVersionsSelectView {...otherProps} {...packagesState} />;\n};\n\nAppVersionsSelect.propTypes = {\n  value: string,\n  onChange: func.isRequired,\n  appId: string,\n};\n\nAppVersionsSelect.defaultProps = {\n  value: null,\n  appId: null,\n};\n\n// Export default with permissions check\nexport default withPermissionsHOC(\n  { canReadAppPackages: ({ appId }) => PERMISSIONS.getCanReadAppPackages(appId) },\n  { loader: null }\n)(({ canReadAppPackages, ...props }) => canReadAppPackages && <AppVersionsSelect {...props} />);\n"],"names":["PACKAGE_STATUSES","appPackages","PACKAGE_LABELS","TEXT_FOR_PACKAGE_LABELS","useStyles","makeStyles","theme","select","width","margin","menuListRoot","maxWidth","group","fontStyle","fontWeight","fontSize","color","backgroundColor","palette","background","b9","AppVersionsSelectView","_ref","className","value","onChange","isLoading","disabled","error","packages","styles","useState","_useState2","_slicedToArray","_useState","preselectedVersion","setPreselectedVersion","useMemo","_labeledMenuItemsMap","packageByValue","labeledMenuItemsMap","_defineProperty","PROD","label","BETA","DEV","unlabeled","filter","appPackage","status","FAILURE","forEach","apiVersion","version","packageCodeVersion","package_code_version","notes","concat","item","push","labeled","Object","values","handleChange","isUserChange","hasUnlabeledVersion","some","hasPackages","isEmpty","useEffect","find","maxBy","PUBLISHED","_jsx","Grid","children","_jsxs","FormControl","classNames","InputLabel","shrink","htmlFor","Select","e","target","inputProps","name","id","MenuProps","MenuListProps","classes","root","jsx","ListSubheader","map","_ref2","MenuItem","PAGE_NAME","TruncatedText","_ref3","defaultProps","AppVersionsSelect","_ref4","appId","otherProps","_objectWithoutProperties","_excluded","packagesState","usePackages","DRAFT","order","sort","_objectSpread","propTypes","string","func","isRequired","AppVersionsSelect$1","withPermissionsHOC","canReadAppPackages","_ref5","PERMISSIONS","getCanReadAppPackages","loader","_ref6","props","_excluded2"],"mappings":"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"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/Map.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),t=require("react-dom"),u=require("prop-types"),a=require("lodash"),l=require("./Map.css.js"),n=require("../../../../utils/index.js");require("../../../../config/mapboxGl/index.js");var o=require("../../../../config/mapbox/index.js");require("mapbox-gl/dist/mapbox-gl.css");var i=require("react/jsx-runtime"),s=require("mapbox-gl");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),f=c(t),p=c(u),m=c(s),g=n.mapbox.isValidCoordinates,v=[29.749907,-95.358421],y="wells-highlight",h={type:"FeatureCollection",features:[]},b=function(e){var r=d.default(e,2),t=r[0];return[r[1],t]};function w(e){var t=e.subjectWell,u=e.wells,n=e.offsetWells,s=e.radius,c=e.subjectWellMarkerSize,p=e.wellMarkerSize,w=e.coordsDataPath,x=r.useRef(null),j=r.useRef(null),S=r.useRef(null),M=r.useRef(null),q=r.useRef(),C=r.useState(!1),D=d.default(C,2),P=D[0],F=D[1],W=r.useMemo((function(){return t&&a.get(t,w)}),[t,w]);r.useEffect((function(){if(o.IS_MAPBOX_ENABLED){j.current=new m.default.Map({container:x.current,style:"mapbox://styles/mapbox/dark-v9",center:b(v),zoom:1,attributionControl:!1,scrollZoom:!1}),j.current.addControl(new m.default.NavigationControl({showCompass:!1}),"bottom-right"),j.current.on("load",(function(){j.current.addSource("radius-circle",{type:"geojson",data:h}),j.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),j.current.addSource("wells",{type:"geojson",data:h}),j.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),j.current.addSource(y,{type:"geojson",data:h}),j.current.addLayer({id:y,type:"circle",source:y,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),F(!0)}));var e=j.current;return function(){e.remove(),j.current=null,S.current=null}}}),[]),r.useEffect((function(){if(j.current&&P)if(W){var e=function(e,r){for(var t=d.default(e,2),u=t[0],a=t[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,n=[],o=r/(111320*Math.cos(u*Math.PI/180)),i=r/110574,s=0;s<=l;s+=1){var c=s/l*(2*Math.PI);n.push([a+o*Math.cos(c),u+i*Math.sin(c)])}return n}(W,1609.34*s);j.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}})}else j.current.getSource("radius-circle").setData(h)}),[s,W,P]);return r.useEffect((function(){var e;if(j.current&&P){var l=q.current;q.current=u,null===(e=M.current)||void 0===e||e.remove(),j.current.getSource(y).setData(h);var o=n.map((function(e){return e.id})),s=[],d={},v=new m.default.LngLatBounds;u.forEach((function(e){var r=a.get(e,w);if(r&&g(r)){var u=t&&t.id===e.id,l=o.includes(e.id),n=u?c:p,i=u||l?1:.3;d[e.id]=e,v.extend(b(r)),s.push({type:"Feature",geometry:{type:"Point",coordinates:b(r)},properties:{wellId:e.id,radius:n,opacity:i}})}})),j.current.getSource("wells").setData({type:"FeatureCollection",features:s}),S.current=s.length?v:null;var x=j.current,C=null,D=function(e){x.getCanvas().style.cursor="pointer";var t=d[e.features[0].properties.wellId];if(t&&t.id!==C){C=t.id;var u=a.get(t,w),l=document.createElement("div"),n=r.createElement((function(e){var r=e.well;return i.jsx("div",{style:{color:"#fff",background:"##414141"},children:i.jsx("span",{style:{fontSize:"11px",lineHeight:"16px"},children:a.get(r,"name")})})}),{well:t});f.default.render(n,l),M.current||(M.current=new m.default.Popup({closeButton:!1,maxWidth:"none"})),M.current.setLngLat(b(u)).setDOMContent(l).addTo(x),function(e,r){j.current.getSource(y).setData({type:"Feature",geometry:{type:"Point",coordinates:b(e)},properties:{radius:3*r}})}(u,e.features[0].properties.radius)}},F=function(){var e;C=null,x.getCanvas().style.cursor="",x.getSource(y).setData(h),null===(e=M.current)||void 0===e||e.remove()},W=function(e){null!=e&&e.point&&x.queryRenderedFeatures(e.point,{layers:[y]}).length||F()};return x.on("mousemove","wells",D),x.on("mouseleave","wells",W),x.on("mouseleave",y,F),setTimeout((function(){j.current&&S.current&&u!==l&&j.current.fitBounds(S.current)}),500),function(){x.off("mousemove","wells",D),x.off("mouseleave","wells",W),x.off("mouseleave",y,F)}}}),[t,u,n,P]),i.jsx("div",{className:l.map,children:i.jsx("div",{className:l.mapMain,ref:x})})}w.propTypes={subjectWell:p.default.shape({id:p.default.number,formation:p.default.string}),wells:p.default.arrayOf(p.default.shape({})).isRequired,offsetWells:p.default.arrayOf(p.default.shape({})),radius:p.default.number.isRequired,subjectWellMarkerSize:p.default.number,wellMarkerSize:p.default.number,coordsDataPath:p.default.string},w.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var x=r.memo(w);module.exports=x;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),t=require("prop-types"),u=require("lodash"),n=require("./Map.css.js"),a=require("../../../../utils/index.js"),l=require("../../../../utils/createAdaptiveRoot.js");require("../../../../config/mapboxGl/index.js");var o=require("../../../../config/mapbox/index.js");require("mapbox-gl/dist/mapbox-gl.css");var i=require("react/jsx-runtime"),c=require("mapbox-gl");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e),f=s(t),p=s(c),m=a.mapbox.isValidCoordinates,v=[29.749907,-95.358421],g="wells-highlight",y={type:"FeatureCollection",features:[]},h=function(e){var r=d.default(e,2),t=r[0];return[r[1],t]};function b(e){var t=e.subjectWell,a=e.wells,c=e.offsetWells,s=e.radius,f=e.subjectWellMarkerSize,b=e.wellMarkerSize,w=e.coordsDataPath,x=r.useRef(null),j=r.useRef(null),S=r.useRef(null),M=r.useRef(null),q=r.useRef(null),C=r.useRef(null),D=r.useRef(),R=r.useState(!1),P=d.default(R,2),F=P[0],W=P[1],k=r.useMemo((function(){return t&&u.get(t,w)}),[t,w]);r.useEffect((function(){if(o.IS_MAPBOX_ENABLED){j.current=new p.default.Map({container:x.current,style:"mapbox://styles/mapbox/dark-v9",center:h(v),zoom:1,attributionControl:!1,scrollZoom:!1}),j.current.addControl(new p.default.NavigationControl({showCompass:!1}),"bottom-right"),j.current.on("load",(function(){j.current.addSource("radius-circle",{type:"geojson",data:y}),j.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),j.current.addSource("wells",{type:"geojson",data:y}),j.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),j.current.addSource(g,{type:"geojson",data:y}),j.current.addLayer({id:g,type:"circle",source:g,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),W(!0)}));var e=j.current;return function(){var r;null===(r=q.current)||void 0===r||r.unmount(),q.current=null,C.current=null,e.remove(),j.current=null,S.current=null}}}),[]),r.useEffect((function(){if(j.current&&F)if(k){var e=function(e,r){for(var t=d.default(e,2),u=t[0],n=t[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,l=[],o=r/(111320*Math.cos(u*Math.PI/180)),i=r/110574,c=0;c<=a;c+=1){var s=c/a*(2*Math.PI);l.push([n+o*Math.cos(s),u+i*Math.sin(s)])}return l}(k,1609.34*s);j.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[e]}})}else j.current.getSource("radius-circle").setData(y)}),[s,k,F]);return r.useEffect((function(){var e;if(j.current&&F){var n=D.current;D.current=a,null===(e=M.current)||void 0===e||e.remove(),j.current.getSource(g).setData(y);var o=c.map((function(e){return e.id})),s=[],d={},v=new p.default.LngLatBounds;a.forEach((function(e){var r=u.get(e,w);if(r&&m(r)){var n=t&&t.id===e.id,a=o.includes(e.id),l=n?f:b,i=n||a?1:.3;d[e.id]=e,v.extend(h(r)),s.push({type:"Feature",geometry:{type:"Point",coordinates:h(r)},properties:{wellId:e.id,radius:l,opacity:i}})}})),j.current.getSource("wells").setData({type:"FeatureCollection",features:s}),S.current=s.length?v:null;var x=j.current,R=null,P=function(e){x.getCanvas().style.cursor="pointer";var t=d[e.features[0].properties.wellId];if(t&&t.id!==R){R=t.id;var n=u.get(t,w);C.current||(C.current=document.createElement("div"),q.current=l.createAdaptiveRoot(C.current)),q.current.render(r.createElement((function(e){var r=e.well;return i.jsx("div",{style:{color:"#fff",background:"##414141"},children:i.jsx("span",{style:{fontSize:"11px",lineHeight:"16px"},children:u.get(r,"name")})})}),{well:t})),M.current||(M.current=new p.default.Popup({closeButton:!1,maxWidth:"none"})),M.current.setLngLat(h(n)).setDOMContent(C.current).addTo(x),function(e,r){j.current.getSource(g).setData({type:"Feature",geometry:{type:"Point",coordinates:h(e)},properties:{radius:3*r}})}(n,e.features[0].properties.radius)}},W=function(){var e;R=null,x.getCanvas().style.cursor="",x.getSource(g).setData(y),null===(e=M.current)||void 0===e||e.remove()},k=function(e){null!=e&&e.point&&x.queryRenderedFeatures(e.point,{layers:[g]}).length||W()};return x.on("mousemove","wells",P),x.on("mouseleave","wells",k),x.on("mouseleave",g,W),setTimeout((function(){j.current&&S.current&&a!==n&&j.current.fitBounds(S.current)}),500),function(){x.off("mousemove","wells",P),x.off("mouseleave","wells",k),x.off("mouseleave",g,W)}}}),[t,a,c,F]),i.jsx("div",{className:n.map,children:i.jsx("div",{className:n.mapMain,ref:x})})}b.propTypes={subjectWell:f.default.shape({id:f.default.number,formation:f.default.string}),wells:f.default.arrayOf(f.default.shape({})).isRequired,offsetWells:f.default.arrayOf(f.default.shape({})),radius:f.default.number.isRequired,subjectWellMarkerSize:f.default.number,wellMarkerSize:f.default.number,coordsDataPath:f.default.string},b.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var w=r.memo(b);module.exports=w;
 //# sourceMappingURL=Map.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/Map/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#FFC107';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst HIGHLIGHT_ID = 'wells-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const ring = [];\n  const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const distanceY = radiusMeters / 110574;\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * (2 * Math.PI);\n    ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n  }\n  return ring;\n};\n\nconst toolTip =\n  () =>\n  // eslint-disable-next-line react/prop-types\n  ({ well }) => {\n    return (\n      <div style={{ color: '#fff', background: '##414141' }}>\n        <span style={{ fontSize: '11px', lineHeight: '16px' }}>{get(well, 'name')}</span>\n      </div>\n    );\n  };\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const prevWellsRef = useRef();\n  const [isMapReady, setIsMapReady] = useState(false);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\n    mapRef.current = new mapboxgl.Map({\n      container: mapContainerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: 1,\n      attributionControl: false,\n      scrollZoom: false,\n    });\n\n    mapRef.current.addControl(\n      new mapboxgl.NavigationControl({ showCompass: false }),\n      'bottom-right'\n    );\n\n    // NOTE: Sources/layers can only be added once the style has loaded.\n    // The radius circle layer is added first so well markers render above it (was bringToBack),\n    // and the hover highlight layer last so it renders on top of the markers\n    mapRef.current.on('load', () => {\n      mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n        type: 'geojson',\n        data: EMPTY_FEATURE_COLLECTION,\n      });\n      mapRef.current.addLayer({\n        id: RADIUS_CIRCLE_ID,\n        type: 'fill',\n        source: RADIUS_CIRCLE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: WELLS_ID,\n        type: 'circle',\n        source: WELLS_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': OFFSET_WELL_COLOR,\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      mapRef.current.addSource(HIGHLIGHT_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: HIGHLIGHT_ID,\n        type: 'circle',\n        source: HIGHLIGHT_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': OFFSET_WELL_COLOR,\n          'circle-opacity': 0.2,\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    const map = mapRef.current;\n    return () => {\n      map.remove();\n      mapRef.current = null;\n      markersBoundsRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      return;\n    }\n\n    const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n    mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Polygon', coordinates: [ring] },\n    });\n  }, [radius, subjectWellCoords, isMapReady]);\n\n  const handleMouseOver = (coords, r) => {\n    // Highlight the hovered well with a bigger translucent circle\n    mapRef.current.getSource(HIGHLIGHT_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Point', coordinates: toLngLat(coords) },\n      properties: { radius: r * 3 },\n    });\n  };\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    popupRef.current?.remove();\n    mapRef.current.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          properties: { wellId: well.id, radius: r, opacity },\n        });\n      }\n    });\n\n    mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n    markersBoundsRef.current = features.length ? bounds : null;\n\n    const map = mapRef.current;\n    let hoveredWellId = null;\n\n    const handleMouseMove = e => {\n      map.getCanvas().style.cursor = 'pointer';\n\n      const well = wellsById[e.features[0].properties.wellId];\n      if (!well || well.id === hoveredWellId) {\n        return;\n      }\n      hoveredWellId = well.id;\n\n      const coords = get(well, coordsDataPath);\n\n      // Tooltip\n      const tooltipContainer = document.createElement('div');\n      const tootipContent = createElement(toolTip(), { well });\n      ReactDOM.render(tootipContent, tooltipContainer);\n      if (!popupRef.current) {\n        popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n      }\n      popupRef.current.setLngLat(toLngLat(coords)).setDOMContent(tooltipContainer).addTo(map);\n\n      // Highlight\n      handleMouseOver(coords, e.features[0].properties.radius);\n    };\n\n    // NOTE: was the mouseout handler of the Leaflet highlight marker\n    const handleHighlightMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      map.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n      popupRef.current?.remove();\n    };\n\n    // NOTE: If the pointer exits before the highlight renders under it, the highlight\n    // layer never emits mouseleave — clear here unless the cursor is inside the highlight\n    const handleWellsMouseLeave = e => {\n      if (e?.point && map.queryRenderedFeatures(e.point, { layers: [HIGHLIGHT_ID] }).length) {\n        return;\n      }\n      handleHighlightMouseLeave();\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleWellsMouseLeave);\n    map.on('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && markersBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleWellsMouseLeave);\n      map.off('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  subjectWellMarkerSize: PropTypes.number,\n  wellMarkerSize: PropTypes.number,\n  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","HIGHLIGHT_ID","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref6","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","mapRef","markersBoundsRef","popupRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","map","remove","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","getSource","setData","geometry","coordinates","_popupRef$current","prevWells","offsetWellIds","well","wellsById","bounds","LngLatBounds","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","extend","properties","wellId","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","tooltipContainer","document","createElement","tootipContent","_ref5","_jsx","color","background","children","jsx","fontSize","lineHeight","ReactDOM","render","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseOver","handleHighlightMouseLeave","_popupRef$current2","handleWellsMouseLeave","point","queryRenderedFeatures","layers","setTimeout","fitBounds","off","className","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#FFC107';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst HIGHLIGHT_ID = 'wells-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const ring = [];\n  const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const distanceY = radiusMeters / 110574;\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * (2 * Math.PI);\n    ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n  }\n  return ring;\n};\n\nconst toolTip =\n  () =>\n  // eslint-disable-next-line react/prop-types\n  ({ well }) => {\n    return (\n      <div style={{ color: '#fff', background: '##414141' }}>\n        <span style={{ fontSize: '11px', lineHeight: '16px' }}>{get(well, 'name')}</span>\n      </div>\n    );\n  };\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const tooltipContainerRef = useRef(null);\n  const prevWellsRef = useRef();\n  const [isMapReady, setIsMapReady] = useState(false);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\n    mapRef.current = new mapboxgl.Map({\n      container: mapContainerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: 1,\n      attributionControl: false,\n      scrollZoom: false,\n    });\n\n    mapRef.current.addControl(\n      new mapboxgl.NavigationControl({ showCompass: false }),\n      'bottom-right'\n    );\n\n    // NOTE: Sources/layers can only be added once the style has loaded.\n    // The radius circle layer is added first so well markers render above it (was bringToBack),\n    // and the hover highlight layer last so it renders on top of the markers\n    mapRef.current.on('load', () => {\n      mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n        type: 'geojson',\n        data: EMPTY_FEATURE_COLLECTION,\n      });\n      mapRef.current.addLayer({\n        id: RADIUS_CIRCLE_ID,\n        type: 'fill',\n        source: RADIUS_CIRCLE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: WELLS_ID,\n        type: 'circle',\n        source: WELLS_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': OFFSET_WELL_COLOR,\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      mapRef.current.addSource(HIGHLIGHT_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: HIGHLIGHT_ID,\n        type: 'circle',\n        source: HIGHLIGHT_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': OFFSET_WELL_COLOR,\n          'circle-opacity': 0.2,\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    const map = mapRef.current;\n    return () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n      tooltipContainerRef.current = null;\n\n      map.remove();\n      mapRef.current = null;\n      markersBoundsRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      return;\n    }\n\n    const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n    mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Polygon', coordinates: [ring] },\n    });\n  }, [radius, subjectWellCoords, isMapReady]);\n\n  const handleMouseOver = (coords, r) => {\n    // Highlight the hovered well with a bigger translucent circle\n    mapRef.current.getSource(HIGHLIGHT_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Point', coordinates: toLngLat(coords) },\n      properties: { radius: r * 3 },\n    });\n  };\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    popupRef.current?.remove();\n    mapRef.current.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          properties: { wellId: well.id, radius: r, opacity },\n        });\n      }\n    });\n\n    mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n    markersBoundsRef.current = features.length ? bounds : null;\n\n    const map = mapRef.current;\n    let hoveredWellId = null;\n\n    const handleMouseMove = e => {\n      map.getCanvas().style.cursor = 'pointer';\n\n      const well = wellsById[e.features[0].properties.wellId];\n      if (!well || well.id === hoveredWellId) {\n        return;\n      }\n      hoveredWellId = well.id;\n\n      const coords = get(well, coordsDataPath);\n\n      // Tooltip\n      if (!tooltipContainerRef.current) {\n        tooltipContainerRef.current = document.createElement('div');\n        tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n      }\n      tooltipRootRef.current.render(createElement(toolTip(), { well }));\n\n      if (!popupRef.current) {\n        popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n      }\n      popupRef.current\n        .setLngLat(toLngLat(coords))\n        .setDOMContent(tooltipContainerRef.current)\n        .addTo(map);\n\n      // Highlight\n      handleMouseOver(coords, e.features[0].properties.radius);\n    };\n\n    // NOTE: was the mouseout handler of the Leaflet highlight marker\n    const handleHighlightMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      map.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n      popupRef.current?.remove();\n    };\n\n    // NOTE: If the pointer exits before the highlight renders under it, the highlight\n    // layer never emits mouseleave — clear here unless the cursor is inside the highlight\n    const handleWellsMouseLeave = e => {\n      if (e?.point && map.queryRenderedFeatures(e.point, { layers: [HIGHLIGHT_ID] }).length) {\n        return;\n      }\n      handleHighlightMouseLeave();\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleWellsMouseLeave);\n    map.on('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && markersBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleWellsMouseLeave);\n      map.off('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  subjectWellMarkerSize: PropTypes.number,\n  wellMarkerSize: PropTypes.number,\n  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","HIGHLIGHT_ID","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref6","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","mapRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","map","_tooltipRootRef$curre","unmount","remove","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","getSource","setData","geometry","coordinates","_popupRef$current","prevWells","offsetWellIds","well","wellsById","bounds","LngLatBounds","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","extend","properties","wellId","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","document","createElement","createAdaptiveRoot","render","_ref5","_jsx","color","background","children","jsx","fontSize","lineHeight","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseOver","handleHighlightMouseLeave","_popupRef$current2","handleWellsMouseLeave","point","queryRenderedFeatures","layers","setTimeout","fitBounds","off","className","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"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"}

package/cjs-bundle/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Chip/index.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport { Chip as MuiChip, ChipProps as MuiChipProps, makeStyles } from '@material-ui/core';\n\nimport { CloseSmallIcon } from '~/icons';\n\nconst PAGE_NAME = 'Chip';\n\nconst checkIconSvg = ({ width = 24, height = 24, fill = '' }) => {\n  const fillColor = fill.replace('#', '%23');\n\n  return `<svg width='${width}' height='${height}' viewBox='0 0 24 24' fill='${fillColor}' xmlns='http://www.w3.org/2000/svg'><path d='M20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697C4.76256 11.1768 5.23744 11.1768 5.53033 11.4697L10 15.9393L19.4697 6.46967C19.7626 6.17678 20.2374 6.17678 20.5303 6.46967Z'/></svg>`;\n};\n\nconst useStyles = makeStyles(theme => ({\n  checked: {\n    '&::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.main,\n      })}\")`,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 24,\n      height: 16,\n      lineHeight: '16px',\n      marginLeft: 8,\n      marginRight: '-4px',\n      paddingTop: 3,\n    },\n    '&.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-sizeSmall::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.main,\n      })}\")`,\n      width: 16,\n      height: 16,\n    },\n    '&.MuiChip-sizeSmall.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-root.MuiChip-clickable': {\n      '& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon': {\n        color: '#FFFFFF',\n      },\n    },\n    '& .MuiChip-label:first-child': {\n      marginLeft: '-4px',\n    },\n  },\n  basic: {\n    '&:not([data-not-migrated-MuiChip])': {\n      '&.MuiChip-sizeSmall': {\n        height: 12,\n        '& .MuiChip-label': {\n          fontSize: 10,\n        },\n      },\n      border: 'none',\n      textTransform: 'uppercase',\n      backgroundColor: theme.palette.primary.main,\n      padding: '0 8px',\n      height: 16,\n      '& .MuiChip-label': {\n        fontSize: 12,\n        fontWeight: 500,\n        lineHeight: '12px',\n        letterSpacing: '1px',\n        color: theme.palette.background.b1,\n        padding: 0,\n      },\n      '&:hover': {\n        backgroundColor: theme.palette.primary.main,\n        '& .MuiChip-label': {\n          color: theme.palette.background.b1,\n        },\n      },\n    },\n  },\n}));\n\nexport type ChipProps = Partial<\n  Omit<MuiChipProps, 'variant' | 'color' | 'onClick' | 'children' | 'avatar'>\n> & {\n  variant?: 'default' | 'outlined' | 'basic';\n  /**\n   * Displays a checked icon\n   */\n  checked?: boolean;\n  'data-testid'?: string;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\n// Note: We explicitly set the return type to fix the TS error that makes every prop required\nconst Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>> =\n  forwardRef<HTMLDivElement, ChipProps>((props, ref) => {\n    const { checked, classes = {}, 'data-testid': dataTestId = 'Chip' } = props;\n    const styles = useStyles();\n    const basicClassName = classNames(props.className, {\n      [styles.basic]: props.variant === 'basic',\n    });\n    const variant = props.variant === 'basic' ? 'default' : props.variant;\n\n    if (!checked) {\n      return (\n        <MuiChip\n          {...props}\n          data-testid={dataTestId}\n          ref={ref}\n          className={basicClassName}\n          variant={variant}\n          deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n        />\n      );\n    }\n\n    return (\n      <MuiChip\n        {...props}\n        data-testid={PAGE_NAME}\n        ref={ref}\n        className={basicClassName}\n        classes={{\n          ...classes,\n          root: classNames(classes.root, styles.checked),\n        }}\n        variant={variant}\n        deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n      />\n    );\n  });\n\nexport default Chip;\n"],"names":["checkIconSvg","_ref","_ref$width","width","_ref$height","height","_ref$fill","fill","fillColor","replace","concat","useStyles","makeStyles","theme","checked","content","palette","primary","main","display","alignItems","justifyContent","lineHeight","marginLeft","marginRight","paddingTop","text8","color","basic","fontSize","border","textTransform","backgroundColor","padding","fontWeight","letterSpacing","background","b1","Chip","forwardRef","props","ref","_props$classes","classes","_props$dataTestid","dataTestId","styles","basicClassName","classNames","className","_defineProperty","variant","_jsx","MuiChip","_objectSpread","root","deleteIcon","CloseSmallIcon","size"],"mappings":"kqJAMA,IAEMA,EAAe,SAA4CC,GAAA,IAAAC,EAAAD,EAAzCE,MAAAA,aAAQ,GAAED,EAAAE,EAAAH,EAAEI,OAAAA,aAAS,GAAED,EAAAE,EAAAL,EAAEM,KACzCC,cADgD,GAAEF,GACjCG,QAAQ,IAAK,OAEpC,MAAA,eAAAC,OAAsBP,EAAK,cAAAO,OAAaL,EAAM,gCAAAK,OAA+BF,EAAS,sXACxF,EAEMG,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACP,YAAa,CACXC,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBlB,MAAO,GACPE,OAAQ,GACRiB,WAAY,OACZC,WAAY,EACZC,YAAa,OACbC,WAAY,GAEd,yBAA0B,CACxBV,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,8BAA+B,CAC7BX,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNf,MAAO,GACPE,OAAQ,IAEV,2CAA4C,CAC1CU,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,mCAAoC,CAClC,2DAA4D,CAC1DC,MAAO,YAGX,+BAAgC,CAC9BJ,WAAY,SAGhBK,MAAO,CACL,qCAAsC,CACpC,sBAAuB,CACrBvB,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,KAGdC,OAAQ,OACRC,cAAe,YACfC,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvCe,QAAS,QACT5B,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,GACVK,WAAY,IACZZ,WAAY,OACZa,cAAe,MACfR,MAAOd,EAAMG,QAAQoB,WAAWC,GAChCJ,QAAS,GAEX,UAAW,CACTD,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvC,mBAAoB,CAClBS,MAAOd,EAAMG,QAAQoB,WAAWC,OAKzC,IAeKC,EACJC,EAAUA,YAA4B,SAACC,EAAOC,GAC5C,IAAQ3B,EAA8D0B,EAA9D1B,QAAO4B,EAAuDF,EAArDG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAyCJ,EAAvC,eAAeK,aAAa,OAAMD,EAC3DE,EAASnC,IACToC,EAAiBC,EAAU,QAACR,EAAMS,UAASC,EAAAA,QAAA,CAAA,EAC9CJ,EAAOlB,MAA0B,UAAlBY,EAAMW,UAElBA,EAA4B,UAAlBX,EAAMW,QAAsB,UAAYX,EAAMW,QAE9D,OAAKrC,EAcHsC,EAAAA,IAACC,EAAAA,KAAOC,EAAAA,EAAA,GACFd,GAAK,GAAA,CACT,cAzHU,OA0HVC,IAAKA,EACLQ,UAAWF,EACXJ,eACKA,GAAO,CAAA,EAAA,CACVY,KAAMP,EAAAA,QAAWL,EAAQY,KAAMT,EAAOhC,WAExCqC,QAASA,EACTK,WAAYJ,MAACK,iBAAc,CAAC,cAAA,GAAA/C,OAjIlB,OAiI0D,gBAACgD,KAAM,QAtB3EN,EAAAA,IAACC,EAAAA,KAAOC,EAAAA,EAAA,GACFd,GAAK,GAAA,CACT,cAAaK,EACbJ,IAAKA,EACLQ,UAAWF,EACXI,QAASA,EACTK,WAAYJ,MAACK,iBAAc,CAAC,cAAA,GAAA/C,OAjHpB,OAiH4D,gBAACgD,KAAM,OAmBnF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Chip/index.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport { Chip as MuiChip, ChipProps as MuiChipProps, makeStyles } from '@material-ui/core';\n\nimport { CloseSmallIcon } from '~/icons';\n\nconst PAGE_NAME = 'Chip';\n\nconst checkIconSvg = ({ width = 24, height = 24, fill = '' }) => {\n  const fillColor = fill.replace('#', '%23');\n\n  return `<svg width='${width}' height='${height}' viewBox='0 0 24 24' fill='${fillColor}' xmlns='http://www.w3.org/2000/svg'><path d='M20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697C4.76256 11.1768 5.23744 11.1768 5.53033 11.4697L10 15.9393L19.4697 6.46967C19.7626 6.17678 20.2374 6.17678 20.5303 6.46967Z'/></svg>`;\n};\n\nconst useStyles = makeStyles(theme => ({\n  checked: {\n    '&::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.main,\n      })}\")`,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 24,\n      height: 16,\n      lineHeight: '16px',\n      marginLeft: 8,\n      marginRight: '-4px',\n      paddingTop: 3,\n    },\n    '&.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-sizeSmall::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.main,\n      })}\")`,\n      width: 16,\n      height: 16,\n    },\n    '&.MuiChip-sizeSmall.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-root.MuiChip-clickable': {\n      '& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon': {\n        color: '#FFFFFF',\n      },\n    },\n    '& .MuiChip-label:first-child': {\n      marginLeft: '-4px',\n    },\n  },\n  basic: {\n    '&:not([data-not-migrated-MuiChip])': {\n      '&.MuiChip-sizeSmall': {\n        height: 12,\n        '& .MuiChip-label': {\n          fontSize: 10,\n        },\n      },\n      border: 'none',\n      textTransform: 'uppercase',\n      backgroundColor: theme.palette.primary.main,\n      padding: '0 8px',\n      height: 16,\n      '& .MuiChip-label': {\n        fontSize: 12,\n        fontWeight: 500,\n        lineHeight: '12px',\n        letterSpacing: '1px',\n        color: theme.palette.background.b1,\n        padding: 0,\n      },\n      '&:hover': {\n        backgroundColor: theme.palette.primary.main,\n        '& .MuiChip-label': {\n          color: theme.palette.background.b1,\n        },\n      },\n    },\n  },\n}));\n\nexport type ChipProps = Partial<\n  Omit<MuiChipProps, 'variant' | 'color' | 'onClick' | 'children' | 'avatar'>\n> & {\n  variant?: 'default' | 'outlined' | 'basic';\n  /**\n   * Displays a checked icon\n   */\n  checked?: boolean;\n  'data-testid'?: string;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\nconst Chip = forwardRef<HTMLDivElement, ChipProps>((props, ref) => {\n  const { checked, classes = {}, 'data-testid': dataTestId = 'Chip' } = props;\n  const styles = useStyles();\n  const basicClassName = classNames(props.className, {\n    [styles.basic]: props.variant === 'basic',\n  });\n  const variant = props.variant === 'basic' ? 'default' : props.variant;\n\n  if (!checked) {\n    return (\n      <MuiChip\n        {...props}\n        data-testid={dataTestId}\n        ref={ref}\n        className={basicClassName}\n        variant={variant}\n        deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n      />\n    );\n  }\n\n  return (\n    <MuiChip\n      {...props}\n      data-testid={PAGE_NAME}\n      ref={ref}\n      className={basicClassName}\n      classes={{\n        ...classes,\n        root: classNames(classes.root, styles.checked),\n      }}\n      variant={variant}\n      deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n    />\n  );\n});\n\nexport default Chip;\n"],"names":["checkIconSvg","_ref","_ref$width","width","_ref$height","height","_ref$fill","fill","fillColor","replace","concat","useStyles","makeStyles","theme","checked","content","palette","primary","main","display","alignItems","justifyContent","lineHeight","marginLeft","marginRight","paddingTop","text8","color","basic","fontSize","border","textTransform","backgroundColor","padding","fontWeight","letterSpacing","background","b1","Chip","forwardRef","props","ref","_props$classes","classes","_props$dataTestid","dataTestId","styles","basicClassName","classNames","className","_defineProperty","variant","_jsx","MuiChip","_objectSpread","root","deleteIcon","CloseSmallIcon","size"],"mappings":"kqJAMA,IAEMA,EAAe,SAA4CC,GAAA,IAAAC,EAAAD,EAAzCE,MAAAA,aAAQ,GAAED,EAAAE,EAAAH,EAAEI,OAAAA,aAAS,GAAED,EAAAE,EAAAL,EAAEM,KACzCC,cADgD,GAAEF,GACjCG,QAAQ,IAAK,OAEpC,MAAA,eAAAC,OAAsBP,EAAK,cAAAO,OAAaL,EAAM,gCAAAK,OAA+BF,EAAS,sXACxF,EAEMG,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACP,YAAa,CACXC,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBlB,MAAO,GACPE,OAAQ,GACRiB,WAAY,OACZC,WAAY,EACZC,YAAa,OACbC,WAAY,GAEd,yBAA0B,CACxBV,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,8BAA+B,CAC7BX,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNf,MAAO,GACPE,OAAQ,IAEV,2CAA4C,CAC1CU,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,mCAAoC,CAClC,2DAA4D,CAC1DC,MAAO,YAGX,+BAAgC,CAC9BJ,WAAY,SAGhBK,MAAO,CACL,qCAAsC,CACpC,sBAAuB,CACrBvB,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,KAGdC,OAAQ,OACRC,cAAe,YACfC,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvCe,QAAS,QACT5B,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,GACVK,WAAY,IACZZ,WAAY,OACZa,cAAe,MACfR,MAAOd,EAAMG,QAAQoB,WAAWC,GAChCJ,QAAS,GAEX,UAAW,CACTD,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvC,mBAAoB,CAClBS,MAAOd,EAAMG,QAAQoB,WAAWC,OAKzC,IAcKC,EAAOC,EAAUA,YAA4B,SAACC,EAAOC,GACzD,IAAQ3B,EAA8D0B,EAA9D1B,QAAO4B,EAAuDF,EAArDG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAyCJ,EAAvC,eAAeK,aAAa,OAAMD,EAC3DE,EAASnC,IACToC,EAAiBC,EAAU,QAACR,EAAMS,UAASC,EAAAA,QAAA,CAAA,EAC9CJ,EAAOlB,MAA0B,UAAlBY,EAAMW,UAElBA,EAA4B,UAAlBX,EAAMW,QAAsB,UAAYX,EAAMW,QAE9D,OAAKrC,EAcHsC,EAAAA,IAACC,EAAAA,KAAOC,EAAAA,EAAA,GACFd,GAAK,GAAA,CACT,cAvHY,OAwHZC,IAAKA,EACLQ,UAAWF,EACXJ,eACKA,GAAO,CAAA,EAAA,CACVY,KAAMP,EAAAA,QAAWL,EAAQY,KAAMT,EAAOhC,WAExCqC,QAASA,EACTK,WAAYJ,MAACK,iBAAc,CAAC,cAAA,GAAA/C,OA/HhB,OA+HwD,gBAACgD,KAAM,QAtB3EN,EAAAA,IAACC,EAAAA,KAAOC,EAAAA,EAAA,GACFd,GAAK,GAAA,CACT,cAAaK,EACbJ,IAAKA,EACLQ,UAAWF,EACXI,QAASA,EACTK,WAAYJ,MAACK,iBAAc,CAAC,cAAA,GAAA/C,OA/GlB,OA+G0D,gBAACgD,KAAM,OAmBnF"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { type FC, type MouseEvent, useEffect, useRef, useState } from 'react';\nimport {\n  IconButton,\n  InputLabel,\n  makeStyles,\n  Popover,\n  PopoverActions,\n  PopoverOrigin,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport chroma from 'chroma-js';\nimport classNames from 'classnames';\n\nimport PaletteChromePicker from './PaletteChromePicker';\nimport { findParentBackground, getButtonStrokeColor, getValidColor } from './ColorPicketUtils';\n\nimport Checkboard from '~/assets/checkboard.svg';\nimport { PaletteIcon } from '~/icons';\n\nconst DEFAULT_COLOR = '#03BCD4';\n\ntype ColorInput = { hex: string; rgb: { r: number; g: number; b: number; a: number } };\n\nconst converters = {\n  rgba: (c: ColorInput) => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n  rgb: (c: ColorInput) => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n  hex: (c: ColorInput) => c.hex,\n  rgba_rgb: (c: ColorInput) => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n  rgba_hex: (c: ColorInput) => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'flex',\n  },\n  topLabelRoot: {\n    flexDirection: 'column',\n  },\n  rightLabelRoot: {\n    flexDirection: 'row-reverse',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n  },\n  button: {\n    width: '36px',\n    height: '24px',\n    boxShadow: '0px 3px 6px rgba(0, 0, 0, 0.161)',\n    borderRadius: '8px',\n    fontSize: '1rem',\n\n    '&.Mui-disabled': {\n      opacity: 0.4,\n    },\n  },\n  buttonTransparent: {\n    position: 'relative',\n    backgroundImage: `url(${Checkboard})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      display: 'block',\n      width: '100%',\n      height: '3px',\n      background: '#FF0000',\n      transform: 'rotate(148deg)',\n      borderRadius: '2px',\n    },\n  },\n  colorLensIcon: {\n    position: 'relative',\n    zIndex: 2,\n  },\n  popper: {\n    zIndex: 1500,\n  },\n  topLabel: {\n    marginBottom: '8px',\n    fontSize: '15px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n    whiteSpace: 'nowrap',\n  },\n  rightLabel: {\n    marginLeft: '8px',\n    fontSize: '16px',\n  },\n});\n\ntype ColorPickerProps = {\n  label?: string;\n  value: string;\n  onChange: (color: string) => void;\n  converter?: keyof typeof converters;\n  pickerComponent?: React.ComponentType<any>;\n  buttonClassName?: string;\n  labelPosition?: 'top' | 'right';\n  hideLabel?: boolean;\n  lensColor?: string;\n  enableTransparencyPalette?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  'data-testid'?: string;\n  popoverAnchorOrigin?: PopoverOrigin;\n  popoverTransformOrigin?: PopoverOrigin;\n  disabled?: boolean;\n\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst ColorPicker: FC<ColorPickerProps> = ({\n  label = 'Color',\n  value,\n  converter = 'rgba_hex',\n  onChange,\n  buttonClassName,\n  popoverAnchorOrigin = { vertical: 'bottom', horizontal: 'left' },\n  popoverTransformOrigin = { vertical: 'top', horizontal: 'left' },\n  labelPosition = 'top',\n  hideLabel = false,\n  pickerComponent: PickerComponent = PaletteChromePicker,\n  lensColor,\n  enableTransparencyPalette = false,\n  'data-testid': PAGE_NAME = 'ColorPicker',\n  tooltipProps = { title: 'Change color' },\n  disabled,\n  onOpen,\n  onClose,\n}) => {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [color, setColor] = useState(() => getValidColor(value) || DEFAULT_COLOR);\n  const popperInstanceRef = useRef<PopoverActions>(null);\n  const [backgroundColor, setBackgroundColor] = useState<string | null>(null);\n\n  const strokeColor = lensColor || getButtonStrokeColor(backgroundColor ?? '', color);\n\n  useEffect(() => {\n    const newColor = getValidColor(value);\n    if (newColor) setColor(newColor);\n    else console.error(`The color value(${value}) is not valid, please check it.`);\n  }, [value]);\n\n  const handleOpen = (e: MouseEvent<HTMLButtonElement>) => {\n    onOpen?.();\n    setAnchorEl(e.currentTarget);\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setAnchorEl(null);\n  };\n\n  const handleChange = (nextColor: ColorInput) => {\n    const convertedColor = converters[converter](nextColor);\n    setColor(convertedColor);\n    onChange(convertedColor);\n  };\n\n  const updatePopperPosition = () => {\n    if (popperInstanceRef.current) {\n      popperInstanceRef.current.updatePosition();\n    }\n  };\n\n  return (\n    <div\n      className={classNames(classes.root, {\n        [classes.topLabelRoot]: labelPosition === 'top',\n        [classes.rightLabelRoot]: labelPosition === 'right',\n      })}\n      ref={el => setBackgroundColor(findParentBackground(el))}\n    >\n      {!hideLabel && (\n        <InputLabel\n          className={classNames({\n            [classes.topLabel]: labelPosition === 'top',\n            [classes.rightLabel]: labelPosition === 'right',\n          })}\n          shrink\n        >\n          {label}\n        </InputLabel>\n      )}\n      <Tooltip {...tooltipProps}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_icon_${label}`}\n          className={classNames(classes.button, buttonClassName, {\n            [classes.buttonTransparent]: chroma(color).alpha() === 0,\n          })}\n          disableRipple\n          style={{ backgroundColor: color, color: strokeColor }}\n          onClick={handleOpen}\n          size=\"small\"\n          disabled={disabled}\n        >\n          <PaletteIcon size={16} className={classes.colorLensIcon} />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        id=\"colors-popper\"\n        action={popperInstanceRef}\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={popoverAnchorOrigin}\n        transformOrigin={popoverTransformOrigin}\n      >\n        <PickerComponent\n          color={color}\n          onChange={handleChange}\n          onSizeChange={updatePopperPosition}\n          enableTransparencyPalette={enableTransparencyPalette}\n        />\n      </Popover>\n    </div>\n  );\n};\n\nexport default ColorPicker;\n"],"names":["converters","rgba","c","rgb","r","g","b","a","concat","hex","rgba_rgb","rgba_hex","useStyles","makeStyles","root","position","display","topLabelRoot","flexDirection","rightLabelRoot","justifyContent","alignItems","button","width","height","boxShadow","borderRadius","fontSize","opacity","buttonTransparent","backgroundImage","backgroundSize","backgroundPosition","content","background","transform","colorLensIcon","zIndex","popper","topLabel","marginBottom","lineHeight","letterSpacing","color","whiteSpace","rightLabel","marginLeft","_ref","_classNames","_classNames2","_ref$label","label","value","_ref$converter","converter","onChange","buttonClassName","_ref$popoverAnchorOri","popoverAnchorOrigin","vertical","horizontal","_ref$popoverTransform","popoverTransformOrigin","_ref$labelPosition","labelPosition","_ref$hideLabel","hideLabel","_ref$pickerComponent","pickerComponent","PickerComponent","PaletteChromePicker","lensColor","_ref$enableTransparen","enableTransparencyPalette","_ref$dataTestid","PAGE_NAME","_ref$tooltipProps","tooltipProps","title","disabled","onOpen","onClose","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState3","getValidColor","_useState4","setColor","popperInstanceRef","useRef","_useState6","_useState5","backgroundColor","setBackgroundColor","strokeColor","getButtonStrokeColor","useEffect","newColor","console","error","_jsxs","className","classNames","_defineProperty","ref","el","findParentBackground","children","_jsx","InputLabel","shrink","Tooltip","_objectSpread","IconButton","chroma","alpha","disableRipple","style","onClick","e","currentTarget","size","PaletteIcon","Popover","id","action","open","Boolean","anchorOrigin","transformOrigin","nextColor","convertedColor","onSizeChange","current","updatePosition"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { type FC, type ComponentType, type MouseEvent, useEffect, useRef, useState } from 'react';\nimport {\n  IconButton,\n  InputLabel,\n  makeStyles,\n  Popover,\n  PopoverActions,\n  PopoverOrigin,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport chroma from 'chroma-js';\nimport classNames from 'classnames';\n\nimport PaletteChromePicker from './PaletteChromePicker';\nimport { findParentBackground, getButtonStrokeColor, getValidColor } from './ColorPicketUtils';\n\nimport Checkboard from '~/assets/checkboard.svg';\nimport { PaletteIcon } from '~/icons';\n\nconst DEFAULT_COLOR = '#03BCD4';\n\ntype ColorInput = { hex: string; rgb: { r: number; g: number; b: number; a: number } };\n\nconst converters = {\n  rgba: (c: ColorInput) => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n  rgb: (c: ColorInput) => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n  hex: (c: ColorInput) => c.hex,\n  rgba_rgb: (c: ColorInput) => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n  rgba_hex: (c: ColorInput) => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'flex',\n  },\n  topLabelRoot: {\n    flexDirection: 'column',\n  },\n  rightLabelRoot: {\n    flexDirection: 'row-reverse',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n  },\n  button: {\n    width: '36px',\n    height: '24px',\n    boxShadow: '0px 3px 6px rgba(0, 0, 0, 0.161)',\n    borderRadius: '8px',\n    fontSize: '1rem',\n\n    '&.Mui-disabled': {\n      opacity: 0.4,\n    },\n  },\n  buttonTransparent: {\n    position: 'relative',\n    backgroundImage: `url(${Checkboard})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      display: 'block',\n      width: '100%',\n      height: '3px',\n      background: '#FF0000',\n      transform: 'rotate(148deg)',\n      borderRadius: '2px',\n    },\n  },\n  colorLensIcon: {\n    position: 'relative',\n    zIndex: 2,\n  },\n  popper: {\n    zIndex: 1500,\n  },\n  topLabel: {\n    marginBottom: '8px',\n    fontSize: '15px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n    whiteSpace: 'nowrap',\n  },\n  rightLabel: {\n    marginLeft: '8px',\n    fontSize: '16px',\n  },\n});\n\ntype ColorPickerProps = {\n  label?: string;\n  value: string;\n  onChange: (color: string) => void;\n  converter?: keyof typeof converters;\n  pickerComponent?: ComponentType<any>;\n  buttonClassName?: string;\n  labelPosition?: 'top' | 'right';\n  hideLabel?: boolean;\n  lensColor?: string;\n  enableTransparencyPalette?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  'data-testid'?: string;\n  popoverAnchorOrigin?: PopoverOrigin;\n  popoverTransformOrigin?: PopoverOrigin;\n  disabled?: boolean;\n\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst ColorPicker: FC<ColorPickerProps> = ({\n  label = 'Color',\n  value,\n  converter = 'rgba_hex',\n  onChange,\n  buttonClassName,\n  popoverAnchorOrigin = { vertical: 'bottom', horizontal: 'left' },\n  popoverTransformOrigin = { vertical: 'top', horizontal: 'left' },\n  labelPosition = 'top',\n  hideLabel = false,\n  pickerComponent: PickerComponent = PaletteChromePicker,\n  lensColor,\n  enableTransparencyPalette = false,\n  'data-testid': PAGE_NAME = 'ColorPicker',\n  tooltipProps = { title: 'Change color' },\n  disabled,\n  onOpen,\n  onClose,\n}) => {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [color, setColor] = useState(() => getValidColor(value) || DEFAULT_COLOR);\n  const popperInstanceRef = useRef<PopoverActions>(null);\n  const [backgroundColor, setBackgroundColor] = useState<string | null>(null);\n\n  const strokeColor = lensColor || getButtonStrokeColor(backgroundColor ?? '', color);\n\n  useEffect(() => {\n    const newColor = getValidColor(value);\n    if (newColor) setColor(newColor);\n    else console.error(`The color value(${value}) is not valid, please check it.`);\n  }, [value]);\n\n  const handleOpen = (e: MouseEvent<HTMLButtonElement>) => {\n    onOpen?.();\n    setAnchorEl(e.currentTarget);\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setAnchorEl(null);\n  };\n\n  const handleChange = (nextColor: ColorInput) => {\n    const convertedColor = converters[converter](nextColor);\n    setColor(convertedColor);\n    onChange(convertedColor);\n  };\n\n  const updatePopperPosition = () => {\n    if (popperInstanceRef.current) {\n      popperInstanceRef.current.updatePosition();\n    }\n  };\n\n  return (\n    <div\n      className={classNames(classes.root, {\n        [classes.topLabelRoot]: labelPosition === 'top',\n        [classes.rightLabelRoot]: labelPosition === 'right',\n      })}\n      ref={el => setBackgroundColor(findParentBackground(el))}\n    >\n      {!hideLabel && (\n        <InputLabel\n          className={classNames({\n            [classes.topLabel]: labelPosition === 'top',\n            [classes.rightLabel]: labelPosition === 'right',\n          })}\n          shrink\n        >\n          {label}\n        </InputLabel>\n      )}\n      <Tooltip {...tooltipProps}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_icon_${label}`}\n          className={classNames(classes.button, buttonClassName, {\n            [classes.buttonTransparent]: chroma(color).alpha() === 0,\n          })}\n          disableRipple\n          style={{ backgroundColor: color, color: strokeColor }}\n          onClick={handleOpen}\n          size=\"small\"\n          disabled={disabled}\n        >\n          <PaletteIcon size={16} className={classes.colorLensIcon} />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        id=\"colors-popper\"\n        action={popperInstanceRef}\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={popoverAnchorOrigin}\n        transformOrigin={popoverTransformOrigin}\n      >\n        <PickerComponent\n          color={color}\n          onChange={handleChange}\n          onSizeChange={updatePopperPosition}\n          enableTransparencyPalette={enableTransparencyPalette}\n        />\n      </Popover>\n    </div>\n  );\n};\n\nexport default ColorPicker;\n"],"names":["converters","rgba","c","rgb","r","g","b","a","concat","hex","rgba_rgb","rgba_hex","useStyles","makeStyles","root","position","display","topLabelRoot","flexDirection","rightLabelRoot","justifyContent","alignItems","button","width","height","boxShadow","borderRadius","fontSize","opacity","buttonTransparent","backgroundImage","backgroundSize","backgroundPosition","content","background","transform","colorLensIcon","zIndex","popper","topLabel","marginBottom","lineHeight","letterSpacing","color","whiteSpace","rightLabel","marginLeft","_ref","_classNames","_classNames2","_ref$label","label","value","_ref$converter","converter","onChange","buttonClassName","_ref$popoverAnchorOri","popoverAnchorOrigin","vertical","horizontal","_ref$popoverTransform","popoverTransformOrigin","_ref$labelPosition","labelPosition","_ref$hideLabel","hideLabel","_ref$pickerComponent","pickerComponent","PickerComponent","PaletteChromePicker","lensColor","_ref$enableTransparen","enableTransparencyPalette","_ref$dataTestid","PAGE_NAME","_ref$tooltipProps","tooltipProps","title","disabled","onOpen","onClose","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState3","getValidColor","_useState4","setColor","popperInstanceRef","useRef","_useState6","_useState5","backgroundColor","setBackgroundColor","strokeColor","getButtonStrokeColor","useEffect","newColor","console","error","_jsxs","className","classNames","_defineProperty","ref","el","findParentBackground","children","_jsx","InputLabel","shrink","Tooltip","_objectSpread","IconButton","chroma","alpha","disableRipple","style","onClick","e","currentTarget","size","PaletteIcon","Popover","id","action","open","Boolean","anchorOrigin","transformOrigin","nextColor","convertedColor","onSizeChange","current","updatePosition"],"mappings":"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"}

package/cjs-bundle/components/DevCenter/AppSideBar/AppSideBar.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("react"),n=require("classnames"),i=require("lodash"),c=require("@material-ui/core"),r=require("../../IconButton/index.js"),t=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var u=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/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),p=l(o),m=l(n),j=c.makeStyles((function(e){var o;return c.createStyles({drawer:function(e){var o=e.openedDrawerWidth;return p.default({height:"100%",position:"relative",zIndex:0,width:o},"&.".concat("closed"),{width:"48px"})},drawerPaper:(o={position:"relative",width:"100%",borderRadius:function(e){return"left"===e.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:e.palette.background.b5},p.default(o,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}}),p.default(o,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),p.default(o,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),o),header:p.default({cursor:"pointer",alignItems:"center",backgroundColor:e.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:e.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var o=e.anchor;return p.default({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===o?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})}));module.exports=function(e){var o=e.classes,n=void 0===o?{}:o,l=e.anchor,I=void 0===l?"left":l,q=e.children,h=e.drawerPaperClassName,f=void 0===h?"":h,g=e.drawerClassName,x=void 0===g?"":g,C=e.expandedTooltipTitle,v=void 0===C?"Collapse":C,b=e.collapsedTooltipTitle,k=void 0===b?"Expand":b,S=e.header,A=e.headerIcon,B=e.headerTitleIcon,O=e.isOpen,w=void 0!==O&&O,T=e.openedDrawerWidth,F=e.setIsOpen,y=void 0===F?i.noop:F,D=e.size,P=void 0===D?"medium":D,z=e.allOptionsButtonShown,M=void 0!==z&&z,R=e.isAllOptionsSelected,N=void 0!==R&&R,L=e.onAllOptionsClick,W=void 0===L?i.noop:L,E=s.useState(!1),G=d.default(E,2);G[0];var H=G[1],U=s.useRef(null),_=j({anchor:I,openedDrawerWidth:null!=T?T:{small:235,medium:354,large:473}[P]});s.useEffect((function(){if(U.current){var e=U.current,o=e.scrollHeight,s=e.clientHeight;H(o>s)}}));var K="left"===I?u.RightIcon:u.LeftIcon;return a.jsxs(c.Drawer,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){w||y(!0)},className:m.default(_.drawer,!w&&"closed",x),variant:"permanent",classes:{paper:m.default(_.drawerPaper,f,!w&&"closed")},anchor:I,children:[a.jsxs("div",{className:m.default(_.header,n.header,w&&"open"),onClick:function(){w&&y(!1)},children:[w&&a.jsxs(a.Fragment,{children:[B||a.jsx(u.LeftAlignmentIcon,{size:24}),a.jsx("div",{"data-testid":"".concat("AppSideBar","_header"),className:_.headerIconText,children:S}),M&&a.jsx(t,{className:_.selectAllButton,onClick:function(e){e.stopPropagation(),W(e)},startIcon:N?a.jsx(u.CloseSmallIcon,{size:16}):a.jsx(u.CheckSmallIcon,{size:16}),children:N?"Clear All":"Select All"})]}),!w&&A]}),a.jsx("div",{className:m.default(_.contentWrapper,n.contentWrapper),ref:U,children:a.jsx("div",{className:m.default(_.content,n.content),children:w&&q})}),a.jsx(c.Box,{className:m.default(_.openToggleContainer,n.openToggleContainer,p.default({},"open",w)),children:a.jsx(c.Tooltip,{title:w?v:k,placement:"bottom",children:a.jsx("div",{children:a.jsx(r,{"aria-label":"toggle sidebar",onClick:function(){y(!w)},children:a.jsx(K,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:m.default(w&&_.openToggleIconOpen)})})})})})]})};
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("react"),n=require("classnames"),i=require("lodash"),c=require("@material-ui/core"),r=require("../../IconButton/index.js"),t=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var u=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/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),p=l(o),m=l(n),j=c.makeStyles((function(e){var o;return c.createStyles({drawer:function(e){var o=e.openedDrawerWidth;return p.default({height:"100%",position:"relative",zIndex:0,width:o},"&.".concat("closed"),{width:"48px"})},drawerPaper:(o={position:"relative",width:"100%",borderRadius:function(e){return"left"===e.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:e.palette.background.b5},p.default(o,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}}),p.default(o,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),p.default(o,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),o),header:p.default({cursor:"pointer",alignItems:"center",backgroundColor:e.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:e.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var o=e.anchor;return p.default({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===o?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})}));module.exports=function(e){var o=e.classes,n=void 0===o?{}:o,l=e.anchor,I=void 0===l?"left":l,q=e.children,h=e.drawerPaperClassName,f=void 0===h?"":h,g=e.drawerClassName,x=void 0===g?"":g,v=e.expandedTooltipTitle,C=void 0===v?"Collapse":v,b=e.collapsedTooltipTitle,k=void 0===b?"Expand":b,S=e.header,A=e.headerIcon,B=e.headerTitleIcon,O=e.isOpen,w=void 0!==O&&O,T=e.openedDrawerWidth,F=e.setIsOpen,y=void 0===F?i.noop:F,D=e.size,P=void 0===D?"medium":D,z=e.allOptionsButtonShown,M=void 0!==z&&z,R=e.isAllOptionsSelected,N=void 0!==R&&R,L=e.onAllOptionsClick,W=void 0===L?i.noop:L,E=s.useState(!1),G=d.default(E,2);G[0];var H=G[1],U=s.useRef(null),_=j({anchor:I,openedDrawerWidth:null!=T?T:{small:235,medium:354,large:473}[P]});s.useEffect((function(){if(U.current){var e=U.current,o=e.scrollHeight,s=e.clientHeight;H(o>s)}}));var K="left"===I?u.RightIcon:u.LeftIcon;return a.jsxs(c.Drawer,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){w||y(!0)},className:m.default(_.drawer,!w&&"closed",x),variant:"permanent",classes:{paper:m.default(_.drawerPaper,f,!w&&"closed")},anchor:I,children:[a.jsxs("div",{className:m.default(_.header,null==n?void 0:n.header,w&&"open"),onClick:function(){w&&y(!1)},children:[w&&a.jsxs(a.Fragment,{children:[B||a.jsx(u.LeftAlignmentIcon,{size:24}),a.jsx("div",{"data-testid":"".concat("AppSideBar","_header"),className:_.headerIconText,children:S}),M&&a.jsx(t,{className:_.selectAllButton,onClick:function(e){e.stopPropagation(),W(e)},startIcon:N?a.jsx(u.CloseSmallIcon,{size:16}):a.jsx(u.CheckSmallIcon,{size:16}),children:N?"Clear All":"Select All"})]}),!w&&A]}),a.jsx("div",{className:m.default(_.contentWrapper,null==n?void 0:n.contentWrapper),ref:U,children:a.jsx("div",{className:m.default(_.content,null==n?void 0:n.content),children:w&&q})}),a.jsx(c.Box,{className:m.default(_.openToggleContainer,null==n?void 0:n.openToggleContainer,p.default({},"open",w)),children:a.jsx(c.Tooltip,{title:w?C:k,placement:"bottom",children:a.jsx("div",{children:a.jsx(r,{"aria-label":"toggle sidebar",onClick:function(){y(!w)},children:a.jsx(K,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:m.default(w&&_.openToggleIconOpen)})})})})})]})};
 //# sourceMappingURL=AppSideBar.js.map

package/cjs-bundle/components/DevCenter/AppSideBar/AppSideBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSideBar.js","sources":["../../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { Box, createStyles, Drawer, makeStyles, Tooltip } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\nimport { CheckSmallIcon, CloseSmallIcon, LeftAlignmentIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'AppSideBar';\n\nconst OPEN_CLASSNAME = 'open';\nconst CLOSED_CLASSNAME = 'closed';\n\ntype Anchor = 'left' | 'right';\ntype makeStylesProps = { openedDrawerWidth: string | number; anchor: Anchor };\n\nexport type AppSideBarProps = {\n  classes?: {\n    contentWrapper?: string;\n    content?: string;\n    header?: string;\n    openToggleContainer?: string;\n  };\n  anchor?: Anchor;\n  children: ReactNode;\n  drawerPaperClassName?: string;\n  drawerClassName?: string;\n  expandedTooltipTitle?: string;\n  collapsedTooltipTitle?: string;\n  header?: ReactNode;\n  headerIcon?: ReactNode;\n  headerTitleIcon?: ReactNode;\n  isOpen?: boolean;\n  openedDrawerWidth?: string | number;\n  setIsOpen?: (isOpen: boolean) => void;\n  size?: 'small' | 'medium' | 'large';\n  allOptionsButtonShown?: boolean;\n  isAllOptionsSelected?: boolean;\n  onAllOptionsClick?: (e: React.MouseEvent) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    drawer: ({ openedDrawerWidth }: makeStylesProps) => ({\n      height: '100%',\n      position: 'relative',\n      zIndex: 0,\n      width: openedDrawerWidth,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        width: '48px',\n      },\n    }),\n    drawerPaper: {\n      position: 'relative',\n      width: '100%',\n      borderRadius: ({ anchor }) => (anchor === 'left' ? '0 8px 0 0' : '8px 0 0 0'),\n      backgroundColor: theme.palette.background.b5,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        cursor: 'pointer',\n        '&:hover': {\n          backgroundColor: theme.palette.background.b7,\n          '& > $header': {\n            backgroundColor: theme.palette.background.b7,\n          },\n        },\n      },\n      '&.MuiDrawer-paperAnchorDockedLeft': {\n        borderRight: 'none',\n      },\n      '&.MuiDrawer-paperAnchorDockedRight': {\n        borderLeft: 'none',\n      },\n    },\n    header: {\n      cursor: 'pointer',\n      alignItems: 'center',\n      backgroundColor: theme.palette.background.b5,\n      borderBottom: '1px solid',\n      borderBottomColor: '#ffffff14',\n      display: 'flex',\n      fontSize: 16,\n      fontWeight: 400,\n      height: 48,\n      justifyContent: 'center',\n      left: 0,\n      letterSpacing: '1px',\n      lineHeight: '22px',\n      position: 'absolute',\n      right: 0,\n      textTransform: 'capitalize',\n      top: 0,\n      [`&.${OPEN_CLASSNAME}`]: {\n        padding: theme.spacing(1.5),\n        justifyContent: 'flex-start',\n      },\n    },\n    openToggleIconOpen: {\n      transform: 'rotate(180deg)',\n    },\n    openToggleContainer: ({ anchor }: makeStylesProps) => ({\n      alignItems: 'center',\n      bottom: 0,\n      display: 'flex',\n      flex: '0 0',\n      height: 48,\n      justifyContent: 'center',\n      padding: 6,\n      position: 'absolute',\n      width: '100%',\n      [`&.${OPEN_CLASSNAME}`]: {\n        justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',\n        paddingRight: 6,\n      },\n    }),\n    contentWrapper: {\n      marginTop: 48,\n      height: 'calc(100% - 96px)', // NOTE: 48px - height of header\n      overflowY: 'auto',\n    },\n    content: {\n      padding: '16px 12px',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    selectAllButton: {\n      textTransform: 'none',\n      fontSize: '10px',\n      lineHeight: '14px',\n      letterSpacing: '0.4px',\n\n      '& .MuiButton-iconSizeMedium > *:first-child': {\n        fontSize: '12px !important',\n      },\n      '& .MuiButton-startIcon': {\n        marginRight: 4,\n      },\n      '&:hover': {\n        background: 'transparent',\n      },\n    },\n    headerIcon: {\n      cursor: 'pointer',\n    },\n    headerIconText: {\n      cursor: 'pointer',\n      paddingLeft: 7,\n      letterSpacing: 1,\n    },\n  })\n);\n\nconst AppSideBar: FC<AppSideBarProps> = ({\n  classes = {},\n  anchor = 'left',\n  children,\n  drawerPaperClassName = '',\n  drawerClassName = '',\n  expandedTooltipTitle = 'Collapse',\n  collapsedTooltipTitle = 'Expand',\n  header,\n  headerIcon,\n  headerTitleIcon,\n  isOpen = false,\n  openedDrawerWidth,\n  setIsOpen = noop,\n  size = 'medium',\n  allOptionsButtonShown = false,\n  isAllOptionsSelected = false,\n  onAllOptionsClick = noop,\n}) => {\n  const [_isScrollable, setIsScrollable] = useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const styles = useStyles({\n    anchor,\n    openedDrawerWidth: openedDrawerWidth ?? { small: 235, medium: 354, large: 473 }[size],\n  });\n\n  useEffect(() => {\n    if (!contentRef.current) return;\n    const { scrollHeight, clientHeight } = contentRef.current;\n    setIsScrollable(scrollHeight > clientHeight);\n  });\n\n  const toggleIsOpen = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const onSidebarClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n  };\n\n  const onHeaderClick = () => {\n    if (isOpen) {\n      setIsOpen(false);\n    }\n  };\n\n  const allOptionsClickHandler = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAllOptionsClick(e);\n  };\n\n  const ChevronIcon = anchor === 'left' ? RightIcon : LeftIcon;\n\n  return (\n    <Drawer\n      data-testid={`${PAGE_NAME}_Drawer`}\n      onClick={onSidebarClick}\n      className={classnames(styles.drawer, !isOpen && CLOSED_CLASSNAME, drawerClassName)}\n      variant=\"permanent\"\n      classes={{\n        paper: classnames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME),\n      }}\n      anchor={anchor as Anchor}\n    >\n      <div\n        className={classnames(styles.header, classes.header, isOpen && OPEN_CLASSNAME)}\n        onClick={onHeaderClick}\n      >\n        {isOpen && (\n          <>\n            {headerTitleIcon || <LeftAlignmentIcon size={24} />}\n            <div data-testid={`${PAGE_NAME}_header`} className={styles.headerIconText}>\n              {header}\n            </div>\n            {allOptionsButtonShown && (\n              <Button\n                className={styles.selectAllButton}\n                onClick={allOptionsClickHandler}\n                startIcon={\n                  isAllOptionsSelected ? <CloseSmallIcon size={16} /> : <CheckSmallIcon size={16} />\n                }\n              >\n                {isAllOptionsSelected ? 'Clear All' : 'Select All'}\n              </Button>\n            )}\n          </>\n        )}\n        {!isOpen && headerIcon}\n      </div>\n      <div className={classnames(styles.contentWrapper, classes.contentWrapper)} ref={contentRef}>\n        <div className={classnames(styles.content, classes.content)}>{isOpen && children}</div>\n      </div>\n      <Box\n        className={classnames(styles.openToggleContainer, classes.openToggleContainer, {\n          [OPEN_CLASSNAME]: isOpen,\n        })}\n      >\n        <Tooltip title={isOpen ? expandedTooltipTitle : collapsedTooltipTitle} placement=\"bottom\">\n          <div>\n            <IconButton aria-label=\"toggle sidebar\" onClick={toggleIsOpen}>\n              <ChevronIcon\n                size={24}\n                data-testid={`${PAGE_NAME}_arrowButton`}\n                className={classnames(isOpen && styles.openToggleIconOpen)}\n              />\n            </IconButton>\n          </div>\n        </Tooltip>\n      </Box>\n    </Drawer>\n  );\n};\n\nexport default AppSideBar;\n"],"names":["useStyles","makeStyles","theme","_drawerPaper","createStyles","drawer","_ref","openedDrawerWidth","_defineProperty","height","position","zIndex","width","concat","drawerPaper","borderRadius","_ref3","anchor","backgroundColor","palette","background","b5","cursor","b7","borderRight","borderLeft","header","alignItems","borderBottom","borderBottomColor","display","fontSize","fontWeight","justifyContent","left","letterSpacing","lineHeight","right","textTransform","top","padding","spacing","openToggleIconOpen","transform","openToggleContainer","_ref4","bottom","flex","paddingRight","contentWrapper","marginTop","overflowY","content","flexDirection","selectAllButton","marginRight","headerIcon","headerIconText","paddingLeft","_ref6","_ref6$classes","classes","_ref6$anchor","children","_ref6$drawerPaperClas","drawerPaperClassName","_ref6$drawerClassName","drawerClassName","_ref6$expandedTooltip","expandedTooltipTitle","_ref6$collapsedToolti","collapsedTooltipTitle","headerTitleIcon","_ref6$isOpen","isOpen","_ref6$setIsOpen","setIsOpen","noop","_ref6$size","size","_ref6$allOptionsButto","allOptionsButtonShown","_ref6$isAllOptionsSel","isAllOptionsSelected","_ref6$onAllOptionsCli","onAllOptionsClick","useState","_useState2","_slicedToArray","_useState","setIsScrollable","contentRef","useRef","styles","small","medium","large","useEffect","current","scrollHeight","clientHeight","ChevronIcon","RightIcon","LeftIcon","_jsxs","Drawer","onClick","className","classnames","variant","paper","jsxs","_Fragment","_jsx","jsx","LeftAlignmentIcon","Button","e","stopPropagation","startIcon","CloseSmallIcon","CheckSmallIcon","ref","Box","Tooltip","title","placement","IconButton"],"mappings":"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"}
+{"version":3,"file":"AppSideBar.js","sources":["../../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { Box, createStyles, Drawer, makeStyles, Tooltip } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\nimport { CheckSmallIcon, CloseSmallIcon, LeftAlignmentIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'AppSideBar';\n\nconst OPEN_CLASSNAME = 'open';\nconst CLOSED_CLASSNAME = 'closed';\n\ntype Anchor = 'left' | 'right';\ntype makeStylesProps = { openedDrawerWidth: string | number; anchor: Anchor };\n\nexport type AppSideBarProps = {\n  classes?: {\n    contentWrapper?: string;\n    content?: string;\n    header?: string;\n    openToggleContainer?: string;\n  };\n  anchor?: Anchor;\n  children: ReactNode;\n  drawerPaperClassName?: string;\n  drawerClassName?: string;\n  expandedTooltipTitle?: string;\n  collapsedTooltipTitle?: string;\n  header?: ReactNode;\n  headerIcon?: ReactNode;\n  headerTitleIcon?: ReactNode;\n  isOpen?: boolean;\n  openedDrawerWidth?: string | number;\n  setIsOpen?: (isOpen: boolean) => void;\n  size?: 'small' | 'medium' | 'large';\n  allOptionsButtonShown?: boolean;\n  isAllOptionsSelected?: boolean;\n  onAllOptionsClick?: (e: React.MouseEvent) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    drawer: ({ openedDrawerWidth }: makeStylesProps) => ({\n      height: '100%',\n      position: 'relative',\n      zIndex: 0,\n      width: openedDrawerWidth,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        width: '48px',\n      },\n    }),\n    drawerPaper: {\n      position: 'relative',\n      width: '100%',\n      borderRadius: ({ anchor }) => (anchor === 'left' ? '0 8px 0 0' : '8px 0 0 0'),\n      backgroundColor: theme.palette.background.b5,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        cursor: 'pointer',\n        '&:hover': {\n          backgroundColor: theme.palette.background.b7,\n          '& > $header': {\n            backgroundColor: theme.palette.background.b7,\n          },\n        },\n      },\n      '&.MuiDrawer-paperAnchorDockedLeft': {\n        borderRight: 'none',\n      },\n      '&.MuiDrawer-paperAnchorDockedRight': {\n        borderLeft: 'none',\n      },\n    },\n    header: {\n      cursor: 'pointer',\n      alignItems: 'center',\n      backgroundColor: theme.palette.background.b5,\n      borderBottom: '1px solid',\n      borderBottomColor: '#ffffff14',\n      display: 'flex',\n      fontSize: 16,\n      fontWeight: 400,\n      height: 48,\n      justifyContent: 'center',\n      left: 0,\n      letterSpacing: '1px',\n      lineHeight: '22px',\n      position: 'absolute',\n      right: 0,\n      textTransform: 'capitalize',\n      top: 0,\n      [`&.${OPEN_CLASSNAME}`]: {\n        padding: theme.spacing(1.5),\n        justifyContent: 'flex-start',\n      },\n    },\n    openToggleIconOpen: {\n      transform: 'rotate(180deg)',\n    },\n    openToggleContainer: ({ anchor }: makeStylesProps) => ({\n      alignItems: 'center',\n      bottom: 0,\n      display: 'flex',\n      flex: '0 0',\n      height: 48,\n      justifyContent: 'center',\n      padding: 6,\n      position: 'absolute',\n      width: '100%',\n      [`&.${OPEN_CLASSNAME}`]: {\n        justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',\n        paddingRight: 6,\n      },\n    }),\n    contentWrapper: {\n      marginTop: 48,\n      height: 'calc(100% - 96px)', // NOTE: 48px - height of header\n      overflowY: 'auto',\n    },\n    content: {\n      padding: '16px 12px',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    selectAllButton: {\n      textTransform: 'none',\n      fontSize: '10px',\n      lineHeight: '14px',\n      letterSpacing: '0.4px',\n\n      '& .MuiButton-iconSizeMedium > *:first-child': {\n        fontSize: '12px !important',\n      },\n      '& .MuiButton-startIcon': {\n        marginRight: 4,\n      },\n      '&:hover': {\n        background: 'transparent',\n      },\n    },\n    headerIcon: {\n      cursor: 'pointer',\n    },\n    headerIconText: {\n      cursor: 'pointer',\n      paddingLeft: 7,\n      letterSpacing: 1,\n    },\n  })\n);\n\nconst AppSideBar: FC<AppSideBarProps> = ({\n  classes = {},\n  anchor = 'left',\n  children,\n  drawerPaperClassName = '',\n  drawerClassName = '',\n  expandedTooltipTitle = 'Collapse',\n  collapsedTooltipTitle = 'Expand',\n  header,\n  headerIcon,\n  headerTitleIcon,\n  isOpen = false,\n  openedDrawerWidth,\n  setIsOpen = noop,\n  size = 'medium',\n  allOptionsButtonShown = false,\n  isAllOptionsSelected = false,\n  onAllOptionsClick = noop,\n}) => {\n  const [_isScrollable, setIsScrollable] = useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const styles = useStyles({\n    anchor,\n    openedDrawerWidth: openedDrawerWidth ?? { small: 235, medium: 354, large: 473 }[size],\n  });\n\n  useEffect(() => {\n    if (!contentRef.current) return;\n    const { scrollHeight, clientHeight } = contentRef.current;\n    setIsScrollable(scrollHeight > clientHeight);\n  });\n\n  const toggleIsOpen = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const onSidebarClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n  };\n\n  const onHeaderClick = () => {\n    if (isOpen) {\n      setIsOpen(false);\n    }\n  };\n\n  const allOptionsClickHandler = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAllOptionsClick(e);\n  };\n\n  const ChevronIcon = anchor === 'left' ? RightIcon : LeftIcon;\n\n  return (\n    <Drawer\n      data-testid={`${PAGE_NAME}_Drawer`}\n      onClick={onSidebarClick}\n      className={classnames(styles.drawer, !isOpen && CLOSED_CLASSNAME, drawerClassName)}\n      variant=\"permanent\"\n      classes={{\n        paper: classnames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME),\n      }}\n      anchor={anchor as Anchor}\n    >\n      <div\n        className={classnames(styles.header, classes?.header, isOpen && OPEN_CLASSNAME)}\n        onClick={onHeaderClick}\n      >\n        {isOpen && (\n          <>\n            {headerTitleIcon || <LeftAlignmentIcon size={24} />}\n            <div data-testid={`${PAGE_NAME}_header`} className={styles.headerIconText}>\n              {header}\n            </div>\n            {allOptionsButtonShown && (\n              <Button\n                className={styles.selectAllButton}\n                onClick={allOptionsClickHandler}\n                startIcon={\n                  isAllOptionsSelected ? <CloseSmallIcon size={16} /> : <CheckSmallIcon size={16} />\n                }\n              >\n                {isAllOptionsSelected ? 'Clear All' : 'Select All'}\n              </Button>\n            )}\n          </>\n        )}\n        {!isOpen && headerIcon}\n      </div>\n      <div className={classnames(styles.contentWrapper, classes?.contentWrapper)} ref={contentRef}>\n        <div className={classnames(styles.content, classes?.content)}>{isOpen && children}</div>\n      </div>\n      <Box\n        className={classnames(styles.openToggleContainer, classes?.openToggleContainer, {\n          [OPEN_CLASSNAME]: isOpen,\n        })}\n      >\n        <Tooltip title={isOpen ? expandedTooltipTitle : collapsedTooltipTitle} placement=\"bottom\">\n          <div>\n            <IconButton aria-label=\"toggle sidebar\" onClick={toggleIsOpen}>\n              <ChevronIcon\n                size={24}\n                data-testid={`${PAGE_NAME}_arrowButton`}\n                className={classnames(isOpen && styles.openToggleIconOpen)}\n              />\n            </IconButton>\n          </div>\n        </Tooltip>\n      </Box>\n    </Drawer>\n  );\n};\n\nexport default AppSideBar;\n"],"names":["useStyles","makeStyles","theme","_drawerPaper","createStyles","drawer","_ref","openedDrawerWidth","_defineProperty","height","position","zIndex","width","concat","drawerPaper","borderRadius","_ref3","anchor","backgroundColor","palette","background","b5","cursor","b7","borderRight","borderLeft","header","alignItems","borderBottom","borderBottomColor","display","fontSize","fontWeight","justifyContent","left","letterSpacing","lineHeight","right","textTransform","top","padding","spacing","openToggleIconOpen","transform","openToggleContainer","_ref4","bottom","flex","paddingRight","contentWrapper","marginTop","overflowY","content","flexDirection","selectAllButton","marginRight","headerIcon","headerIconText","paddingLeft","_ref6","_ref6$classes","classes","_ref6$anchor","children","_ref6$drawerPaperClas","drawerPaperClassName","_ref6$drawerClassName","drawerClassName","_ref6$expandedTooltip","expandedTooltipTitle","_ref6$collapsedToolti","collapsedTooltipTitle","headerTitleIcon","_ref6$isOpen","isOpen","_ref6$setIsOpen","setIsOpen","noop","_ref6$size","size","_ref6$allOptionsButto","allOptionsButtonShown","_ref6$isAllOptionsSel","isAllOptionsSelected","_ref6$onAllOptionsCli","onAllOptionsClick","useState","_useState2","_slicedToArray","_useState","setIsScrollable","contentRef","useRef","styles","small","medium","large","useEffect","current","scrollHeight","clientHeight","ChevronIcon","RightIcon","LeftIcon","_jsxs","Drawer","onClick","className","classnames","variant","paper","jsxs","_Fragment","_jsx","jsx","LeftAlignmentIcon","Button","e","stopPropagation","startIcon","CloseSmallIcon","CheckSmallIcon","ref","Box","Tooltip","title","placement","IconButton"],"mappings":"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"}