@corva/ui 3.73.0-7 → 3.74.0-0

package/components/AppVersionsSelect/AppVersionsSelect.d.ts

@@ -1,21 +1,12 @@
-export declare function AppVersionsSelectView({ className, value, onChange, isLoading, disabled, error, packages, }: {
+export declare const AppVersionsSelectView: ({ className, value, onChange, isLoading, disabled, error, packages, }: {
     className: any;
-    disabled: any;
-    error: any;
-    isLoading: any;
+    disabled?: boolean | undefined;
+    error?: null | undefined;
+    isLoading?: boolean | undefined;
     onChange: any;
-    packages: any;
-    value: any;
-}): import("react").JSX.Element | null;
-export declare namespace AppVersionsSelectView {
-    var defaultProps: {
-        disabled: boolean;
-        error: null;
-        isLoading: boolean;
-        packages: never[];
-        value: null;
-    };
-}
+    packages?: any[] | undefined;
+    value?: null | undefined;
+}) => import("react").JSX.Element | null;
 declare const _default: (props: any) => any;
 export default _default;
 //# sourceMappingURL=AppVersionsSelect.d.ts.map

package/components/AppVersionsSelect/AppVersionsSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppVersionsSelect.d.ts","sourceRoot":"","sources":["../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"names":[],"mappings":"8CAsCsC,EACpC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,GACT;;;;;;;;CAAA"}
+{"version":3,"file":"AppVersionsSelect.d.ts","sourceRoot":"","sources":["../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"names":[],"mappings":"AAsCA,eAAO,MAAM,qBAAqB;;;;;;;;wCA4JjC,CAAC"}

package/components/AppVersionsSelect/AppVersionsSelect.js

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

package/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  // [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","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 = null,\n  onChange,\n  isLoading = false,\n  disabled = false,\n  error = null,\n  packages = DEFAULT_APP_VERSIONS_SELECT_VIEW_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\nconst DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES = [];\n\n// Wrapper that fetches packages on its own\nconst AppVersionsSelect = ({ appId = null, value = null, ...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 value={value} {...otherProps} {...packagesState} />;\n};\n\nAppVersionsSelect.propTypes = {\n  value: string,\n  onChange: func.isRequired,\n  appId: string,\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","_ref$value","value","onChange","_ref$isLoading","isLoading","_ref$disabled","disabled","_ref$error","error","_ref$packages","packages","DEFAULT_APP_VERSIONS_SELECT_VIEW_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","ListSubheader","map","_ref2","MenuItem","PAGE_NAME","TruncatedText","_ref3","AppVersionsSelect","_ref4","_ref4$appId","appId","_ref4$value","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/components/AssetEditor/AssetEditorAutocomplete.d.ts

@@ -1,107 +1,24 @@
-import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
-    appKey: any;
+declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
+    appKey?: null | undefined;
     assetFields: any;
     assetType: any;
     autocompleteProps?: {} | undefined;
     classes: any;
     companyId: any;
     currentValue: any;
-    "data-testid": any;
-    disableClearable: any;
-    disabled: any;
-    errorText: any;
-    isMultiple: any;
-    isNullable: any;
-    label: any;
+    "data-testid"?: string | undefined;
+    disableClearable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    errorText?: string | undefined;
+    isMultiple?: boolean | undefined;
+    isNullable?: boolean | undefined;
+    label?: string | undefined;
     onChange: any;
     parentAssetId: any;
     parentAssetType: any;
-    queryParams: any;
-}, "autocompleteProps"> & Pick<PropTypes.InferProps<{
-    label: PropTypes.Requireable<string>;
-    currentValue: PropTypes.Requireable<NonNullable<number | (number | null | undefined)[] | null | undefined>>;
-    isNullable: PropTypes.Requireable<boolean>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    disableClearable: PropTypes.Requireable<boolean>;
-    parentAssetId: PropTypes.Requireable<number>;
-    parentAssetType: PropTypes.Requireable<string>;
-    companyId: PropTypes.Requireable<number>;
-    assetType: PropTypes.Validator<string>;
-    errorText: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    disabled: PropTypes.Requireable<boolean>;
-    isMultiple: PropTypes.Requireable<boolean>;
-    appKey: PropTypes.Requireable<string>;
-    queryParams: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-}>, "appKey" | "companyId" | "currentValue" | "data-testid" | "disableClearable" | "disabled" | "errorText" | "isMultiple" | "isNullable" | "label" | "parentAssetId" | "parentAssetType" | "queryParams" | PropTypes.RequiredKeys<{
-    label: PropTypes.Requireable<string>;
-    currentValue: PropTypes.Requireable<NonNullable<number | (number | null | undefined)[] | null | undefined>>;
-    isNullable: PropTypes.Requireable<boolean>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    disableClearable: PropTypes.Requireable<boolean>;
-    parentAssetId: PropTypes.Requireable<number>;
-    parentAssetType: PropTypes.Requireable<string>;
-    companyId: PropTypes.Requireable<number>;
-    assetType: PropTypes.Validator<string>;
-    errorText: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    disabled: PropTypes.Requireable<boolean>;
-    isMultiple: PropTypes.Requireable<boolean>;
-    appKey: PropTypes.Requireable<string>;
-    queryParams: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-}>> & Pick<{
-    appKey: any;
-    assetFields: any;
-    assetType: any;
-    autocompleteProps?: {} | undefined;
-    classes: any;
-    companyId: any;
-    currentValue: any;
-    "data-testid": any;
-    disableClearable: any;
-    disabled: any;
-    errorText: any;
-    isMultiple: any;
-    isNullable: any;
-    label: any;
-    onChange: any;
-    parentAssetId: any;
-    parentAssetType: any;
-    queryParams: any;
-}, "assetFields" | "autocompleteProps">, "assetFields" | "autocompleteProps" | PropTypes.RequiredKeys<{
-    label: PropTypes.Requireable<string>;
-    currentValue: PropTypes.Requireable<NonNullable<number | (number | null | undefined)[] | null | undefined>>;
-    isNullable: PropTypes.Requireable<boolean>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    disableClearable: PropTypes.Requireable<boolean>;
-    parentAssetId: PropTypes.Requireable<number>;
-    parentAssetType: PropTypes.Requireable<string>;
-    companyId: PropTypes.Requireable<number>;
-    assetType: PropTypes.Validator<string>;
-    errorText: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    disabled: PropTypes.Requireable<boolean>;
-    isMultiple: PropTypes.Requireable<boolean>;
-    appKey: PropTypes.Requireable<string>;
-    queryParams: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-}>> & {
-    label?: string | null | undefined;
-    currentValue?: NonNullable<number | (number | null | undefined)[] | null | undefined> | null | undefined;
-    isNullable?: boolean | null | undefined;
-    disableClearable?: boolean | null | undefined;
-    parentAssetId?: number | null | undefined;
-    parentAssetType?: string | null | undefined;
-    companyId?: number | null | undefined;
-    errorText?: string | null | undefined;
-    'data-testid'?: string | null | undefined;
-    disabled?: boolean | null | undefined;
-    isMultiple?: boolean | null | undefined;
-    appKey?: string | null | undefined;
-    queryParams?: PropTypes.InferProps<{}> | null | undefined;
-} & {}, "appKey" | "assetFields" | "assetType" | "autocompleteProps" | "companyId" | "currentValue" | "data-testid" | "disableClearable" | "disabled" | "errorText" | "isMultiple" | "isNullable" | "label" | "onChange" | "parentAssetId" | "parentAssetType" | "queryParams"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "inputRoot" | "listbox" | "noOptions" | "option" | "popupIndicator" | "root" | "searchIcon">>;
+    queryParams?: {} | undefined;
+}, {
+    classes: import("@material-ui/styles").ClassNameMap<"formControl" | "inputRoot" | "listbox" | "noOptions" | "option" | "popupIndicator" | "root" | "searchIcon">;
+}>, "appKey" | "assetFields" | "assetType" | "autocompleteProps" | "companyId" | "currentValue" | "data-testid" | "disableClearable" | "disabled" | "errorText" | "isMultiple" | "isNullable" | "label" | "onChange" | "parentAssetId" | "parentAssetType" | "queryParams"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "inputRoot" | "listbox" | "noOptions" | "option" | "popupIndicator" | "root" | "searchIcon">>;
 export default _default;
 //# sourceMappingURL=AssetEditorAutocomplete.d.ts.map

package/components/AssetEditor/AssetEditorAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetEditorAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC"}
+{"version":3,"file":"AssetEditorAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"names":[],"mappings":""}

package/components/AssetEditor/AssetEditorAutocomplete.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as n,useState as o,useEffect as i,useMemo as a}from"react";import l from"prop-types";import{debounce as s,identity as p}from"lodash";import{List as d,withStyles as u,Typography as c,FormControl as m,InputLabel as f,Tooltip as b,Chip as y,FormHelperText as g,TextField as h,InputAdornment as v}from"@material-ui/core";import{Search as O}from"@material-ui/icons";import{Autocomplete as x}from"@material-ui/lab";import T from"../TruncatedText/index.js";import{PER_PAGE as P,SCROLL_THRESHOLD as I}from"./constants.js";import{useAssetAutoCompleteSelectData as C}from"./effects/index.js";import{jsxs as j,jsx as A}from"react/jsx-runtime";var S=["children","loading","hasMore"];function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?M(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w="DC_SingleAssetEditorAutocomplete",L={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},D=function(e){var t=e.text;return A("li",{style:L,children:A(c,{variant:"body2",color:"textSecondary",children:void 0===t?"Loading...":t})},"loading")},N=n((function(e,t){var n=e.children,o=e.loading,i=e.hasMore,a=r(e,S);return j(d,q(q({},a),{},{ref:t,role:"listbox",children:[n,(i||o)&&A(D,{})]}))})),R=function(t){var r,n=t["data-testid"],l=t.appKey,d=t.assetType,u=t.classes,c=t.companyId,S=t.currentValue,M=t.disabled,L=t.disableClearable,R=t.errorText,V=t.isMultiple,E=t.isNullable,K=t.label,_=t.onChange,k=t.parentAssetId,z=t.parentAssetType,H=t.queryParams,B=t.autocompleteProps,F=void 0===B?{}:B,W=t.assetFields,G=o(V?[]:null),J=e(G,2),Q=J[0],U=J[1],X=o(""),Y=e(X,2),Z=Y[0],$=Y[1],ee=o(""),te=e(ee,2),re=te[0],ne=te[1],oe=o(!1),ie=e(oe,2),ae=ie[0],le=ie[1],se=o(1),pe=e(se,2),de=pe[0],ue=pe[1],ce=o(!0),me=e(ce,2),fe=me[0],be=me[1];i((function(){U(V?[]:null),ue(1),le(!1)}),[d]);var ye=C({appKey:l,assetType:d,companyId:c,currentValue:S,isMultiple:V,parentAssetId:k,parentAssetType:z,scrollPage:de,searchText:Z,setCurrentOption:U,queryParams:H,assetFields:W}),ge=ye.assets,he=ye.loading;i((function(){var e=ge.length>=P*de;be(e)}),[ge,de]);var ve=a((function(){return s((function(e){ue(1),$(e)}),200)}),[]),Oe=a((function(){return s((function(){return ue((function(e){return e+1}))}),250)}),[]),xe={endAdornment:u.endAdornment,inputRoot:u.inputRoot,listbox:u.listbox,noOptions:u.noOptions,option:u.option,popupIndicator:u.popupIndicator,root:u.root};return j(m,{disabled:M,error:!!R,className:u.formControl,children:[!E&&A(f,{shrink:!0,children:K}),A(b,{title:null!==(r=null==Q?void 0:Q.name)&&void 0!==r?r:"",children:A(x,q(q({disabled:M,blurOnSelect:!0,classes:xe,clearOnBlur:!0,clearOnEscape:!0,"data-testid":n,disableClearable:L,filterOptions:p,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:ae?re:(null==Q?void 0:Q.name)||"",ListboxComponent:N,ListboxProps:{onScroll:function(e){if(fe&&!he){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-I&&Oe()}},loading:he,hasMore:fe},options:ge,onChange:function(e,t){var r;U(t),_(V?t.map((function(e){return e.id})):null!==(r=null==t?void 0:t.id)&&void 0!==r?r:null,t)},onClose:function(){ne(""),$(""),le(!1),ue(1)},onInputChange:function(e,t,r){"input"===r?(ne(t),le(!0),ve(t)):$("")},noOptionsText:A(D,{text:he?"Loading...":"No options"}),renderInput:function(e){return A(h,q(q({},e),{},{variant:"standard",placeholder:"Search for asset..."},!V&&{InputProps:q(q({},e.InputProps),{},{startAdornment:A(v,{children:A(O,{className:u.searchIcon})})})}))},renderOption:function(e){var t=e.id,r=e.name;return A(T,{"data-testid":"".concat(w,"_option_").concat(r,"MenuItem"),children:V&&S.includes(t)?"".concat(r," (already selected)"):r},t)},value:Q,multiple:V},V&&{renderTags:function(e,t){return e.map((function(e,r){return A(y,q({label:null==e?void 0:e.name},t({index:r})),e.id)}))},getOptionDisabled:function(e){return S.includes(e.id)}}),F))}),A(g,{children:R})]})};R.defaultProps={label:"Choose An Asset",currentValue:void 0,disableClearable:!0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,companyId:void 0,errorText:"","data-testid":"".concat(w,"_autoComplete"),disabled:!1,isMultiple:!1,appKey:null,queryParams:{}},R.propTypes={label:l.string,currentValue:l.oneOfType([l.number,l.arrayOf(l.number)]),isNullable:l.bool,onChange:l.func.isRequired,classes:l.shape({}).isRequired,disableClearable:l.bool,parentAssetId:l.number,parentAssetType:l.string,companyId:l.number,assetType:l.string.isRequired,errorText:l.string,"data-testid":l.string,disabled:l.bool,isMultiple:l.bool,appKey:l.string,queryParams:l.shape({})};var V=u((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(R);export{V as default};
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as r,useState as o,useEffect as i,useMemo as a}from"react";import l from"prop-types";import{debounce as s,identity as p}from"lodash";import{List as d,withStyles as u,Typography as c,FormControl as m,InputLabel as f,Tooltip as b,Chip as g,FormHelperText as h,TextField as y,InputAdornment as v}from"@material-ui/core";import{Search as O}from"@material-ui/icons";import{Autocomplete as x}from"@material-ui/lab";import T from"../TruncatedText/index.js";import{PER_PAGE as P,SCROLL_THRESHOLD as I}from"./constants.js";import{useAssetAutoCompleteSelectData as j}from"./effects/index.js";import{jsxs as C,jsx as A}from"react/jsx-runtime";var S=["children","loading","hasMore"];function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?w(Object(r),!0).forEach((function(n){t(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var M="DC_SingleAssetEditorAutocomplete",q={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},D=function(e){var t=e.text;return A("li",{style:q,children:A(c,{variant:"body2",color:"textSecondary",children:void 0===t?"Loading...":t})},"loading")},R=r((function(e,t){var r=e.children,o=e.loading,i=e.hasMore,a=n(e,S);return C(d,L(L({},a),{},{ref:t,role:"listbox",children:[r,(i||o)&&A(D,{})]}))})),N=function(t){var n,r=t["data-testid"],l=void 0===r?E:r,d=t.appKey,u=void 0===d?null:d,c=t.assetType,S=t.classes,w=t.companyId,q=t.currentValue,N=t.disabled,_=void 0!==N&&N,k=t.disableClearable,z=void 0===k||k,H=t.errorText,K=void 0===H?"":H,B=t.isMultiple,F=void 0!==B&&B,W=t.isNullable,G=void 0!==W&&W,J=t.label,Q=void 0===J?"Choose An Asset":J,U=t.onChange,X=t.parentAssetId,Y=t.parentAssetType,Z=t.queryParams,$=void 0===Z?V:Z,ee=t.autocompleteProps,te=void 0===ee?{}:ee,ne=t.assetFields,re=o(F?[]:null),oe=e(re,2),ie=oe[0],ae=oe[1],le=o(""),se=e(le,2),pe=se[0],de=se[1],ue=o(""),ce=e(ue,2),me=ce[0],fe=ce[1],be=o(!1),ge=e(be,2),he=ge[0],ye=ge[1],ve=o(1),Oe=e(ve,2),xe=Oe[0],Te=Oe[1],Pe=o(!0),Ie=e(Pe,2),je=Ie[0],Ce=Ie[1];i((function(){ae(F?[]:null),Te(1),ye(!1)}),[c]);var Ae=j({appKey:u,assetType:c,companyId:w,currentValue:q,isMultiple:F,parentAssetId:X,parentAssetType:Y,scrollPage:xe,searchText:pe,setCurrentOption:ae,queryParams:$,assetFields:ne}),Se=Ae.assets,we=Ae.loading;i((function(){var e=Se.length>=P*xe;Ce(e)}),[Se,xe]);var Le=a((function(){return s((function(e){Te(1),de(e)}),200)}),[]),Me=a((function(){return s((function(){return Te((function(e){return e+1}))}),250)}),[]),qe={endAdornment:S.endAdornment,inputRoot:S.inputRoot,listbox:S.listbox,noOptions:S.noOptions,option:S.option,popupIndicator:S.popupIndicator,root:S.root};return C(m,{disabled:_,error:!!K,className:S.formControl,children:[!G&&A(f,{shrink:!0,children:Q}),A(b,{title:null!==(n=null==ie?void 0:ie.name)&&void 0!==n?n:"",children:A(x,L(L({disabled:_,blurOnSelect:!0,classes:qe,clearOnBlur:!0,clearOnEscape:!0,"data-testid":l,disableClearable:z,filterOptions:p,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:he?me:(null==ie?void 0:ie.name)||"",ListboxComponent:R,ListboxProps:{onScroll:function(e){if(je&&!we){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-I&&Me()}},loading:we,hasMore:je},options:Se,onChange:function(e,t){var n;ae(t),U(F?t.map((function(e){return e.id})):null!==(n=null==t?void 0:t.id)&&void 0!==n?n:null,t)},onClose:function(){fe(""),de(""),ye(!1),Te(1)},onInputChange:function(e,t,n){"input"===n?(fe(t),ye(!0),Le(t)):de("")},noOptionsText:A(D,{text:we?"Loading...":"No options"}),renderInput:function(e){return A(y,L(L({},e),{},{variant:"standard",placeholder:"Search for asset..."},!F&&{InputProps:L(L({},e.InputProps),{},{startAdornment:A(v,{children:A(O,{className:S.searchIcon})})})}))},renderOption:function(e){var t=e.id,n=e.name;return A(T,{"data-testid":"".concat(M,"_option_").concat(n,"MenuItem"),children:F&&q.includes(t)?"".concat(n," (already selected)"):n},t)},value:ie,multiple:F},F&&{renderTags:function(e,t){return e.map((function(e,n){return A(g,L({label:null==e?void 0:e.name},t({index:n})),e.id)}))},getOptionDisabled:function(e){return q.includes(e.id)}}),te))}),A(h,{children:K})]})},E="".concat(M,"_autoComplete"),V={};N.propTypes={label:l.string,currentValue:l.oneOfType([l.number,l.arrayOf(l.number)]),isNullable:l.bool,onChange:l.func.isRequired,classes:l.shape({}).isRequired,disableClearable:l.bool,parentAssetId:l.number,parentAssetType:l.string,companyId:l.number,assetType:l.string.isRequired,errorText:l.string,"data-testid":l.string,disabled:l.bool,isMultiple:l.bool,appKey:l.string,queryParams:l.shape({})};var _=u((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(N);export{_ as default};
 //# sourceMappingURL=AssetEditorAutocomplete.js.map

package/components/AssetEditor/AssetEditorAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n  FormControl,\n  InputLabel,\n  TextField,\n  FormHelperText,\n  withStyles,\n  Typography,\n  List,\n  InputAdornment,\n  Chip,\n  Tooltip,\n} from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n  formControl: {},\n  listbox: { maxHeight: 350 },\n  root: { fontSize: 16 },\n  inputRoot: {\n    paddingTop: 16,\n    padding: '8px 0',\n    paddingBottom: 0,\n    width: 350,\n    fontSize: 16,\n  },\n  popupIndicator: { display: 'none' },\n  option: {\n    paddingLeft: '16px !important',\n    height: 36,\n    '&[aria-disabled=true]': {\n      color: theme.palette.primary.text9,\n      opacity: 1,\n      backgroundColor: 'unset',\n    },\n  },\n  noOptions: { padding: 0 },\n  searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n  paddingLeft: '16px',\n  height: 36,\n  listStyleType: 'none',\n  display: 'flex',\n  alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types */\nconst InfoListItem = ({ text = 'Loading...' }) => (\n  <li key=\"loading\" style={infoListItemStyles}>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      {text}\n    </Typography>\n  </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n  <List {...otherProps} ref={ref} role=\"listbox\">\n    {children}\n    {(hasMore || loading) && <InfoListItem />}\n  </List>\n));\n/* eslint-enable react/prop-types */\n\nconst AssetEditorAutocomplete = ({\n  'data-testid': dataTestId,\n  appKey,\n  assetType,\n  classes,\n  companyId,\n  currentValue,\n  disabled,\n  disableClearable,\n  errorText,\n  isMultiple,\n  isNullable,\n  label,\n  onChange,\n  parentAssetId,\n  parentAssetType,\n  queryParams,\n  autocompleteProps = {},\n  assetFields,\n}) => {\n  // NOTE: Store currently selected option\n  const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n  const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n  const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n  const [isSearchMode, setSearchMode] = useState(false);\n\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n\n  useEffect(() => {\n    // NOTE: Asset type has been changed. Clear currently selected option\n    setCurrentOption(isMultiple ? [] : null);\n    setScrollPage(1);\n    setSearchMode(false);\n  }, [assetType]);\n\n  const { assets, loading } = useAssetAutoCompleteSelectData({\n    appKey,\n    assetType,\n    companyId,\n    currentValue,\n    isMultiple,\n    parentAssetId,\n    parentAssetType,\n    scrollPage,\n    searchText,\n    setCurrentOption,\n    queryParams,\n    assetFields,\n  });\n\n  useEffect(() => {\n    const hasMoreAssets = assets.length >= PER_PAGE * scrollPage;\n    setHasMore(hasMoreAssets);\n  }, [assets, scrollPage]);\n\n  const onInputChange = useMemo(\n    () =>\n      debounce(value => {\n        setScrollPage(1);\n        setSearchText(value);\n      }, 200),\n    []\n  );\n\n  const handleInputChange = (event, value, reason) => {\n    if (reason === 'input') {\n      setSearchValue(value);\n      setSearchMode(true);\n      onInputChange(value); // NOTE: Trigger api call\n    } else {\n      // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n      setSearchText('');\n    }\n  };\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n  const onClose = () => {\n    setSearchValue('');\n    setSearchText('');\n    setSearchMode(false);\n    setScrollPage(1);\n  };\n\n  const onScrollListbox = event => {\n    if (!hasMore || loading) return;\n    const listboxNode = event.currentTarget;\n    if (\n      listboxNode.scrollTop + listboxNode.clientHeight >\n      listboxNode.scrollHeight - SCROLL_THRESHOLD\n    ) {\n      handleFetchNext();\n    }\n  };\n\n  const renderInput = params => (\n    <TextField\n      {...params}\n      variant=\"standard\"\n      placeholder=\"Search for asset...\"\n      {...(!isMultiple && {\n        InputProps: {\n          ...params.InputProps,\n          startAdornment: (\n            <InputAdornment>\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n        },\n      })}\n    />\n  );\n\n  const renderOption = ({ id, name }) => (\n    <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n      {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n    </TruncatedText>\n  );\n\n  const autocompleteClasses = {\n    endAdornment: classes.endAdornment,\n    inputRoot: classes.inputRoot,\n    listbox: classes.listbox,\n    noOptions: classes.noOptions,\n    option: classes.option,\n    popupIndicator: classes.popupIndicator,\n    root: classes.root,\n  };\n\n  return (\n    <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n      {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n      <Tooltip title={currentOption?.name ?? ''}>\n        <Autocomplete\n          disabled={disabled}\n          blurOnSelect\n          classes={autocompleteClasses}\n          clearOnBlur\n          clearOnEscape\n          data-testid={dataTestId}\n          disableClearable={disableClearable}\n          filterOptions={identity}\n          getOptionLabel={option => option?.name}\n          getOptionSelected={(option, value) => option && value && option.id === value.id}\n          inputValue={isSearchMode ? searchValue : currentOption?.name || ''}\n          ListboxComponent={ListboxComponent}\n          ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n          options={assets}\n          onChange={(event, selected) => {\n            setCurrentOption(selected);\n            onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n          }}\n          onClose={onClose}\n          onInputChange={handleInputChange}\n          noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n          renderInput={renderInput}\n          renderOption={renderOption}\n          value={currentOption}\n          multiple={isMultiple}\n          {...(isMultiple && {\n            renderTags: (value, getTagProps) => {\n              return value.map((option, index) => (\n                <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n              ));\n            },\n            getOptionDisabled: option => currentValue.includes(option.id),\n          })}\n          {...autocompleteProps}\n        />\n      </Tooltip>\n      <FormHelperText>{errorText}</FormHelperText>\n    </FormControl>\n  );\n};\n\nAssetEditorAutocomplete.defaultProps = {\n  label: 'Choose An Asset',\n  currentValue: undefined,\n  disableClearable: true,\n  isNullable: false,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  companyId: undefined,\n  errorText: '',\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  disabled: false,\n  isMultiple: false,\n  appKey: null,\n  queryParams: {},\n};\n\nAssetEditorAutocomplete.propTypes = {\n  label: PropTypes.string,\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n  isNullable: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  disableClearable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  companyId: PropTypes.number,\n  assetType: PropTypes.string.isRequired,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n  disabled: PropTypes.bool,\n  isMultiple: PropTypes.bool,\n  appKey: PropTypes.string,\n  queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","dataTestId","appKey","assetType","classes","companyId","currentValue","disabled","disableClearable","errorText","isMultiple","isNullable","label","onChange","parentAssetId","parentAssetType","queryParams","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","defaultProps","undefined","concat","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n  FormControl,\n  InputLabel,\n  TextField,\n  FormHelperText,\n  withStyles,\n  Typography,\n  List,\n  InputAdornment,\n  Chip,\n  Tooltip,\n} from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n  formControl: {},\n  listbox: { maxHeight: 350 },\n  root: { fontSize: 16 },\n  inputRoot: {\n    paddingTop: 16,\n    padding: '8px 0',\n    paddingBottom: 0,\n    width: 350,\n    fontSize: 16,\n  },\n  popupIndicator: { display: 'none' },\n  option: {\n    paddingLeft: '16px !important',\n    height: 36,\n    '&[aria-disabled=true]': {\n      color: theme.palette.primary.text9,\n      opacity: 1,\n      backgroundColor: 'unset',\n    },\n  },\n  noOptions: { padding: 0 },\n  searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n  paddingLeft: '16px',\n  height: 36,\n  listStyleType: 'none',\n  display: 'flex',\n  alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types */\nconst InfoListItem = ({ text = 'Loading...' }) => (\n  <li key=\"loading\" style={infoListItemStyles}>\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      {text}\n    </Typography>\n  </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n  <List {...otherProps} ref={ref} role=\"listbox\">\n    {children}\n    {(hasMore || loading) && <InfoListItem />}\n  </List>\n));\n/* eslint-enable react/prop-types */\n\nconst AssetEditorAutocomplete = ({\n  'data-testid': dataTestId = DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_DATA_TESTID,\n  appKey = null,\n  assetType,\n  classes,\n  companyId,\n  currentValue,\n  disabled = false,\n  disableClearable = true,\n  errorText = '',\n  isMultiple = false,\n  isNullable = false,\n  label = 'Choose An Asset',\n  onChange,\n  parentAssetId,\n  parentAssetType,\n  queryParams = DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_QUERY_PARAMS,\n  autocompleteProps = {},\n  assetFields,\n}) => {\n  // NOTE: Store currently selected option\n  const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n  const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n  const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n  const [isSearchMode, setSearchMode] = useState(false);\n\n  const [scrollPage, setScrollPage] = useState(1);\n  const [hasMore, setHasMore] = useState(true);\n\n  useEffect(() => {\n    // NOTE: Asset type has been changed. Clear currently selected option\n    setCurrentOption(isMultiple ? [] : null);\n    setScrollPage(1);\n    setSearchMode(false);\n  }, [assetType]);\n\n  const { assets, loading } = useAssetAutoCompleteSelectData({\n    appKey,\n    assetType,\n    companyId,\n    currentValue,\n    isMultiple,\n    parentAssetId,\n    parentAssetType,\n    scrollPage,\n    searchText,\n    setCurrentOption,\n    queryParams,\n    assetFields,\n  });\n\n  useEffect(() => {\n    const hasMoreAssets = assets.length >= PER_PAGE * scrollPage;\n    setHasMore(hasMoreAssets);\n  }, [assets, scrollPage]);\n\n  const onInputChange = useMemo(\n    () =>\n      debounce(value => {\n        setScrollPage(1);\n        setSearchText(value);\n      }, 200),\n    []\n  );\n\n  const handleInputChange = (event, value, reason) => {\n    if (reason === 'input') {\n      setSearchValue(value);\n      setSearchMode(true);\n      onInputChange(value); // NOTE: Trigger api call\n    } else {\n      // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n      setSearchText('');\n    }\n  };\n\n  const handleFetchNext = useMemo(\n    () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n    []\n  );\n  const onClose = () => {\n    setSearchValue('');\n    setSearchText('');\n    setSearchMode(false);\n    setScrollPage(1);\n  };\n\n  const onScrollListbox = event => {\n    if (!hasMore || loading) return;\n    const listboxNode = event.currentTarget;\n    if (\n      listboxNode.scrollTop + listboxNode.clientHeight >\n      listboxNode.scrollHeight - SCROLL_THRESHOLD\n    ) {\n      handleFetchNext();\n    }\n  };\n\n  const renderInput = params => (\n    <TextField\n      {...params}\n      variant=\"standard\"\n      placeholder=\"Search for asset...\"\n      {...(!isMultiple && {\n        InputProps: {\n          ...params.InputProps,\n          startAdornment: (\n            <InputAdornment>\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n        },\n      })}\n    />\n  );\n\n  const renderOption = ({ id, name }) => (\n    <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n      {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n    </TruncatedText>\n  );\n\n  const autocompleteClasses = {\n    endAdornment: classes.endAdornment,\n    inputRoot: classes.inputRoot,\n    listbox: classes.listbox,\n    noOptions: classes.noOptions,\n    option: classes.option,\n    popupIndicator: classes.popupIndicator,\n    root: classes.root,\n  };\n\n  return (\n    <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n      {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n      <Tooltip title={currentOption?.name ?? ''}>\n        <Autocomplete\n          disabled={disabled}\n          blurOnSelect\n          classes={autocompleteClasses}\n          clearOnBlur\n          clearOnEscape\n          data-testid={dataTestId}\n          disableClearable={disableClearable}\n          filterOptions={identity}\n          getOptionLabel={option => option?.name}\n          getOptionSelected={(option, value) => option && value && option.id === value.id}\n          inputValue={isSearchMode ? searchValue : currentOption?.name || ''}\n          ListboxComponent={ListboxComponent}\n          ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n          options={assets}\n          onChange={(event, selected) => {\n            setCurrentOption(selected);\n            onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n          }}\n          onClose={onClose}\n          onInputChange={handleInputChange}\n          noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n          renderInput={renderInput}\n          renderOption={renderOption}\n          value={currentOption}\n          multiple={isMultiple}\n          {...(isMultiple && {\n            renderTags: (value, getTagProps) => {\n              return value.map((option, index) => (\n                <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n              ));\n            },\n            getOptionDisabled: option => currentValue.includes(option.id),\n          })}\n          {...autocompleteProps}\n        />\n      </Tooltip>\n      <FormHelperText>{errorText}</FormHelperText>\n    </FormControl>\n  );\n};\n\nconst DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_DATA_TESTID = `${PAGE_NAME}_autoComplete`;\nconst DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_QUERY_PARAMS = {};\n\nAssetEditorAutocomplete.propTypes = {\n  label: PropTypes.string,\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n  isNullable: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  disableClearable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  companyId: PropTypes.number,\n  assetType: PropTypes.string.isRequired,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n  disabled: PropTypes.bool,\n  isMultiple: PropTypes.bool,\n  appKey: PropTypes.string,\n  queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","_ref3$dataTestid","dataTestId","DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_DATA_TESTID","_ref3$appKey","appKey","assetType","classes","companyId","currentValue","_ref3$disabled","disabled","_ref3$disableClearabl","disableClearable","_ref3$errorText","errorText","_ref3$isMultiple","isMultiple","_ref3$isNullable","isNullable","_ref3$label","label","onChange","parentAssetId","parentAssetType","_ref3$queryParams","queryParams","DEFAULT_ASSET_EDITOR_AUTOCOMPLETE_QUERY_PARAMS","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}

package/components/AssetEditor/SingleAssetEditor.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 export declare const PAGE_NAME = "DC_SingleAssetEditor";
-declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferProps<{
+declare const _default: import("react").ComponentType<Pick<PropTypes.InferProps<{
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     appType: PropTypes.Requireable<PropTypes.InferProps<{
         constants: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -15,33 +15,6 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     assetType: PropTypes.Validator<string>;
     'data-testid': PropTypes.Requireable<string>;
     appKey: PropTypes.Requireable<string>;
-}>, PropTypes.RequiredKeys<{
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    appType: PropTypes.Requireable<PropTypes.InferProps<{
-        constants: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }>>;
-    currentValue: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    defaultValue: PropTypes.Requireable<any>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    label: PropTypes.Requireable<string>;
-    isNullable: PropTypes.Requireable<boolean>;
-    parentAssetId: PropTypes.Requireable<number>;
-    parentAssetType: PropTypes.Requireable<string>;
-    assetType: PropTypes.Validator<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    appKey: PropTypes.Requireable<string>;
-}>> & {
-    appType?: PropTypes.InferProps<{
-        constants: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }> | null | undefined;
-    currentValue?: NonNullable<string | number | null | undefined> | null | undefined;
-    defaultValue?: any;
-    label?: string | null | undefined;
-    isNullable?: boolean | null | undefined;
-    parentAssetId?: number | null | undefined;
-    parentAssetType?: string | null | undefined;
-    'data-testid'?: string | null | undefined;
-    appKey?: string | null | undefined;
-} & {}, "appKey" | "appType" | "assetType" | "currentValue" | "data-testid" | "defaultValue" | "isNullable" | "label" | "onChange" | "parentAssetId" | "parentAssetType"> & import("@material-ui/styles").StyledComponentProps<"menuItem" | "progress" | "select" | "selectMenu">>;
+}>, "appKey" | "appType" | "assetType" | "currentValue" | "data-testid" | "defaultValue" | "isNullable" | "label" | "onChange" | "parentAssetId" | "parentAssetType"> & import("@material-ui/styles").StyledComponentProps<"menuItem" | "progress" | "select" | "selectMenu">>;
 export default _default;
 //# sourceMappingURL=SingleAssetEditor.d.ts.map

package/components/AssetEditor/SingleAssetEditor.js

@@ -1,2 +1,2 @@
-import e from"prop-types";import{withStyles as t,FormControl as a,InputLabel as s,Select as r,MenuItem as n,CircularProgress as i}from"@material-ui/core";import l from"../TruncatedText/index.js";import{useAssetSelectData as p}from"./effects/index.js";import{jsxs as d,jsx as u}from"react/jsx-runtime";var o="DC_SingleAssetEditor",c=function(e){var t=e.appKey,c=e.label,m=e.currentValue,h=e.defaultValue,y=e.isNullable,f=e.onChange,g=e.classes,v=e.parentAssetId,A=e.assetType,T=e.parentAssetType,b=p({appKey:t,assetId:m,assetType:A,parentAssetId:v,parentAssetType:T}),I=b.assets,N=b.loading,x=m||h;return d("div",{children:[d(a,{disabled:N,children:[!y&&u(s,{shrink:!!x,children:c}),d(r,{"data-testid":e["data-testid"],value:x,onChange:function(e){return f(e.target.value)},className:g.select,MenuProps:{className:g.selectMenu},children:[y&&u(n,{"data-testid":"".concat(o,"_noActiveAssetMenuItem"),value:h,className:g.menuItem,children:"No active asset"},"empty item"),I.map((function(e){var t=(null==e?void 0:e.name)||"";return u(n,{"data-testid":"".concat(o,"_option_").concat(t,"MenuItem"),value:Number(e.id),className:g.menuItem,children:u(l,{children:t})},e.id)}))]})]}),N&&u(i,{"data-testid":"".concat(o,"_CircularProgress"),size:20,className:g.progress})]})};c.propTypes={classes:e.shape({}).isRequired,appType:e.shape({constants:e.shape({})}),currentValue:e.oneOfType([e.number,e.string]),defaultValue:e.any,onChange:e.func.isRequired,label:e.string,isNullable:e.bool,parentAssetId:e.number,parentAssetType:e.string,assetType:e.string.isRequired,"data-testid":e.string,appKey:e.string},c.defaultProps={label:"Choose An Asset",currentValue:"",defaultValue:"",appType:void 0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,"data-testid":"".concat(o,"_autoComplete"),appKey:null};var m=t({progress:{margin:"0 15px"},select:{width:350},selectMenu:{maxHeight:350},menuItem:{width:350}})(c);export{o as PAGE_NAME,m as default};
+import e from"prop-types";import{withStyles as t,FormControl as s,InputLabel as a,Select as n,MenuItem as r,CircularProgress as i}from"@material-ui/core";import l from"../TruncatedText/index.js";import{useAssetSelectData as o}from"./effects/index.js";import{jsxs as d,jsx as p}from"react/jsx-runtime";var u="DC_SingleAssetEditor",c=function(e){var t=e.appKey,c=void 0===t?null:t,m=e.label,h=void 0===m?"Choose An Asset":m,v=e.currentValue,g=void 0===v?"":v,f=e.defaultValue,y=void 0===f?"":f,A=e.isNullable,T=void 0!==A&&A,b=e.onChange,I=e.classes,N=e.parentAssetId,x=e.assetType,C=e.parentAssetType,_=e["data-testid"],M=void 0===_?"".concat(u,"_autoComplete"):_,V=o({appKey:c,assetId:g,assetType:x,parentAssetId:N,parentAssetType:C}),j=V.assets,q=V.loading,K=g||y;return d("div",{children:[d(s,{disabled:q,children:[!T&&p(a,{shrink:!!K,children:h}),d(n,{"data-testid":M,value:K,onChange:function(e){return b(e.target.value)},className:I.select,MenuProps:{className:I.selectMenu},children:[T&&p(r,{"data-testid":"".concat(u,"_noActiveAssetMenuItem"),value:y,className:I.menuItem,children:"No active asset"},"empty item"),j.map((function(e){var t=(null==e?void 0:e.name)||"";return p(r,{"data-testid":"".concat(u,"_option_").concat(t,"MenuItem"),value:Number(e.id),className:I.menuItem,children:p(l,{children:t})},e.id)}))]})]}),q&&p(i,{"data-testid":"".concat(u,"_CircularProgress"),size:20,className:I.progress})]})};c.propTypes={classes:e.shape({}).isRequired,appType:e.shape({constants:e.shape({})}),currentValue:e.oneOfType([e.number,e.string]),defaultValue:e.any,onChange:e.func.isRequired,label:e.string,isNullable:e.bool,parentAssetId:e.number,parentAssetType:e.string,assetType:e.string.isRequired,"data-testid":e.string,appKey:e.string};var m=t({progress:{margin:"0 15px"},select:{width:350},selectMenu:{maxHeight:350},menuItem:{width:350}})(c);export{u as PAGE_NAME,m as default};
 //# sourceMappingURL=SingleAssetEditor.js.map

package/components/AssetEditor/SingleAssetEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleAssetEditor.js","sources":["../../../src/components/AssetEditor/SingleAssetEditor.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  CircularProgress,\n  MenuItem,\n  Select,\n  FormControl,\n  InputLabel,\n  withStyles,\n} from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { useAssetSelectData } from './effects';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst muiStyles = {\n  progress: { margin: '0 15px' },\n  select: { width: 350 },\n  selectMenu: { maxHeight: 350 },\n  menuItem: { width: 350 },\n};\n\nconst SingleAssetEditor = props => {\n  const {\n    appKey,\n    label,\n    currentValue,\n    defaultValue,\n    isNullable,\n    onChange,\n    classes,\n    parentAssetId,\n    assetType,\n    parentAssetType,\n  } = props;\n\n  const { assets, loading } = useAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType,\n    parentAssetId,\n    parentAssetType,\n  });\n\n  const value = currentValue || defaultValue;\n\n  return (\n    <div>\n      <FormControl disabled={loading}>\n        {!isNullable && <InputLabel shrink={!!value}>{label}</InputLabel>}\n        <Select\n          data-testid={props['data-testid']}\n          value={value}\n          onChange={event => onChange(event.target.value)}\n          className={classes.select}\n          MenuProps={{ className: classes.selectMenu }}\n        >\n          {isNullable && (\n            <MenuItem\n              data-testid={`${PAGE_NAME}_noActiveAssetMenuItem`}\n              key=\"empty item\"\n              value={defaultValue}\n              className={classes.menuItem}\n            >\n              No active asset\n            </MenuItem>\n          )}\n          {assets.map(asset => {\n            const assetName = asset?.name || '';\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={asset.id}\n                value={Number(asset.id)}\n                className={classes.menuItem}\n              >\n                <TruncatedText>{assetName}</TruncatedText>\n              </MenuItem>\n            );\n          })}\n        </Select>\n      </FormControl>\n\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={classes.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nSingleAssetEditor.propTypes = {\n  classes: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({\n    constants: PropTypes.shape({}),\n  }),\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  assetType: PropTypes.string.isRequired,\n  'data-testid': PropTypes.string,\n  appKey: PropTypes.string,\n};\n\nSingleAssetEditor.defaultProps = {\n  label: 'Choose An Asset',\n  currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n  defaultValue: '',\n  appType: undefined,\n  isNullable: false,\n  parentAssetId: undefined,\n  parentAssetType: undefined,\n  'data-testid': `${PAGE_NAME}_autoComplete`,\n  appKey: null,\n};\nexport default withStyles(muiStyles)(SingleAssetEditor);\n"],"names":["PAGE_NAME","SingleAssetEditor","props","appKey","label","currentValue","defaultValue","isNullable","onChange","classes","parentAssetId","assetType","parentAssetType","_useAssetSelectData","useAssetSelectData","assetId","assets","loading","value","_jsxs","children","FormControl","disabled","_jsx","InputLabel","shrink","Select","event","target","className","select","MenuProps","selectMenu","MenuItem","concat","menuItem","map","asset","assetName","name","Number","id","TruncatedText","CircularProgress","size","progress","propTypes","PropTypes","shape","isRequired","appType","constants","oneOfType","number","string","any","func","bool","defaultProps","undefined","SingleAssetEditor$1","withStyles","margin","width","maxHeight"],"mappings":"6SAcO,IAAMA,EAAY,uBASnBC,EAAoB,SAAAC,GACxB,IACEC,EAUED,EAVFC,OACAC,EASEF,EATFE,MACAC,EAQEH,EARFG,aACAC,EAOEJ,EAPFI,aACAC,EAMEL,EANFK,WACAC,EAKEN,EALFM,SACAC,EAIEP,EAJFO,QACAC,EAGER,EAHFQ,cACAC,EAEET,EAFFS,UACAC,EACEV,EADFU,gBAGFC,EAA4BC,EAAmB,CAC7CX,OAAAA,EACAY,QAASV,EACTM,UAAAA,EACAD,cAAAA,EACAE,gBAAAA,IALMI,IAAAA,OAAQC,IAAAA,QAQVC,EAAQb,GAAgBC,EAE9B,OACEa,EAAA,MAAA,CAAAC,SAAA,CACED,EAACE,EAAW,CAACC,SAAUL,EAAQG,SAAA,EAC3Bb,GAAcgB,EAACC,EAAU,CAACC,SAAUP,EAAME,SAAEhB,IAC9Ce,EAACO,EAAM,CACL,cAAaxB,EAAM,eACnBgB,MAAOA,EACPV,SAAU,SAAAmB,GAAK,OAAInB,EAASmB,EAAMC,OAAOV,MAAO,EAChDW,UAAWpB,EAAQqB,OACnBC,UAAW,CAAEF,UAAWpB,EAAQuB,YAAaZ,SAE5Cb,CAAAA,GACCgB,EAACU,EAAQ,CACP,cAAA,GAAAC,OAAgBlC,EAAkC,0BAElDkB,MAAOZ,EACPuB,UAAWpB,EAAQ0B,SAASf,SAAA,mBAFxB,cAOPJ,EAAOoB,KAAI,SAAAC,GACV,IAAMC,GAAYD,aAAK,EAALA,EAAOE,OAAQ,GACjC,OACEhB,EAACU,EAAQ,CACP,cAAgBjC,GAAAA,OAAAA,EAAoBsC,YAAAA,OAAAA,EAAoB,YAExDpB,MAAOsB,OAAOH,EAAMI,IACpBZ,UAAWpB,EAAQ0B,SAASf,SAE5BG,EAACmB,EAAa,CAAAtB,SAAEkB,KAJXD,EAAMI,GAOjB,UAIHxB,GACCM,EAACoB,EAAgB,CACf,cAAA,GAAAT,OAAgBlC,EAA6B,qBAC7C4C,KAAM,GACNf,UAAWpB,EAAQoC,aAK7B,EAEA5C,EAAkB6C,UAAY,CAC5BrC,QAASsC,EAAUC,MAAM,CAAA,GAAIC,WAC7BC,QAASH,EAAUC,MAAM,CACvBG,UAAWJ,EAAUC,MAAM,MAE7B3C,aAAc0C,EAAUK,UAAU,CAACL,EAAUM,OAAQN,EAAUO,SAC/DhD,aAAcyC,EAAUQ,IACxB/C,SAAUuC,EAAUS,KAAKP,WACzB7C,MAAO2C,EAAUO,OACjB/C,WAAYwC,EAAUU,KACtB/C,cAAeqC,EAAUM,OACzBzC,gBAAiBmC,EAAUO,OAC3B3C,UAAWoC,EAAUO,OAAOL,WAC5B,cAAeF,EAAUO,OACzBnD,OAAQ4C,EAAUO,QAGpBrD,EAAkByD,aAAe,CAC/BtD,MAAO,kBACPC,aAAc,GACdC,aAAc,GACd4C,aAASS,EACTpD,YAAY,EACZG,mBAAeiD,EACf/C,qBAAiB+C,EACjB,cAAa,GAAAzB,OAAKlC,EAAwB,iBAC1CG,OAAQ,MAEV,IAAAyD,EAAeC,EA3GG,CAChBhB,SAAU,CAAEiB,OAAQ,UACpBhC,OAAQ,CAAEiC,MAAO,KACjB/B,WAAY,CAAEgC,UAAW,KACzB7B,SAAU,CAAE4B,MAAO,MAuGNF,CAAsB5D"}
+{"version":3,"file":"SingleAssetEditor.js","sources":["../../../src/components/AssetEditor/SingleAssetEditor.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  CircularProgress,\n  MenuItem,\n  Select,\n  FormControl,\n  InputLabel,\n  withStyles,\n} from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { useAssetSelectData } from './effects';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst muiStyles = {\n  progress: { margin: '0 15px' },\n  select: { width: 350 },\n  selectMenu: { maxHeight: 350 },\n  menuItem: { width: 350 },\n};\n\nconst SingleAssetEditor = props => {\n  const {\n    appKey = null,\n    label = 'Choose An Asset',\n    currentValue = '',\n    defaultValue = '',\n    isNullable = false,\n    onChange,\n    classes,\n    parentAssetId,\n    assetType,\n    parentAssetType,\n    'data-testid': dataTestId = `${PAGE_NAME}_autoComplete`,\n  } = props;\n\n  const { assets, loading } = useAssetSelectData({\n    appKey,\n    assetId: currentValue,\n    assetType,\n    parentAssetId,\n    parentAssetType,\n  });\n\n  const value = currentValue || defaultValue;\n\n  return (\n    <div>\n      <FormControl disabled={loading}>\n        {!isNullable && <InputLabel shrink={!!value}>{label}</InputLabel>}\n        <Select\n          data-testid={dataTestId}\n          value={value}\n          onChange={event => onChange(event.target.value)}\n          className={classes.select}\n          MenuProps={{ className: classes.selectMenu }}\n        >\n          {isNullable && (\n            <MenuItem\n              data-testid={`${PAGE_NAME}_noActiveAssetMenuItem`}\n              key=\"empty item\"\n              value={defaultValue}\n              className={classes.menuItem}\n            >\n              No active asset\n            </MenuItem>\n          )}\n          {assets.map(asset => {\n            const assetName = asset?.name || '';\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n                key={asset.id}\n                value={Number(asset.id)}\n                className={classes.menuItem}\n              >\n                <TruncatedText>{assetName}</TruncatedText>\n              </MenuItem>\n            );\n          })}\n        </Select>\n      </FormControl>\n\n      {loading && (\n        <CircularProgress\n          data-testid={`${PAGE_NAME}_CircularProgress`}\n          size={20}\n          className={classes.progress}\n        />\n      )}\n    </div>\n  );\n};\n\nSingleAssetEditor.propTypes = {\n  classes: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({\n    constants: PropTypes.shape({}),\n  }),\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  parentAssetId: PropTypes.number,\n  parentAssetType: PropTypes.string,\n  assetType: PropTypes.string.isRequired,\n  'data-testid': PropTypes.string,\n  appKey: PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(SingleAssetEditor);\n"],"names":["PAGE_NAME","SingleAssetEditor","props","appKey","_props$appKey","_props$label","label","_props$currentValue","currentValue","_props$defaultValue","defaultValue","_props$isNullable","isNullable","onChange","classes","parentAssetId","assetType","parentAssetType","_props$dataTestid","dataTestId","_useAssetSelectData","useAssetSelectData","assetId","assets","loading","value","_jsxs","children","FormControl","disabled","_jsx","InputLabel","shrink","Select","event","target","className","select","MenuProps","selectMenu","MenuItem","concat","menuItem","map","asset","assetName","name","Number","id","TruncatedText","CircularProgress","size","progress","propTypes","PropTypes","shape","isRequired","appType","constants","oneOfType","number","string","any","func","bool","SingleAssetEditor$1","withStyles","margin","width","maxHeight"],"mappings":"6SAcO,IAAMA,EAAY,uBASnBC,EAAoB,SAAAC,GACxB,IAYIA,EAAAA,EAXFC,OAAAA,aAAS,KAAIC,EAAAC,EAWXH,EAVFI,MAAAA,aAAQ,kBAAiBD,EAAAE,EAUvBL,EATFM,aAAAA,aAAe,GAAED,EAAAE,EASfP,EARFQ,aAAAA,aAAe,GAAED,EAAAE,EAQfT,EAPFU,WAAAA,cAAkBD,EAClBE,EAMEX,EANFW,SACAC,EAKEZ,EALFY,QACAC,EAIEb,EAJFa,cACAC,EAGEd,EAHFc,UACAC,EAEEf,EAFFe,gBAAeC,EAEbhB,EADF,eAAeiB,uBAAgBnB,EAAS,iBAAAkB,EAG1CE,EAA4BC,EAAmB,CAC7ClB,OAAAA,EACAmB,QAASd,EACTQ,UAAAA,EACAD,cAAAA,EACAE,gBAAAA,IALMM,IAAAA,OAAQC,IAAAA,QAQVC,EAAQjB,GAAgBE,EAE9B,OACEgB,EAAA,MAAA,CAAAC,SAAA,CACED,EAACE,EAAW,CAACC,SAAUL,EAAQG,SAAA,EAC3Bf,GAAckB,EAACC,EAAU,CAACC,SAAUP,EAAME,SAAErB,IAC9CoB,EAACO,EAAM,CACL,cAAad,EACbM,MAAOA,EACPZ,SAAU,SAAAqB,GAAK,OAAIrB,EAASqB,EAAMC,OAAOV,MAAO,EAChDW,UAAWtB,EAAQuB,OACnBC,UAAW,CAAEF,UAAWtB,EAAQyB,YAAaZ,SAE5Cf,CAAAA,GACCkB,EAACU,EAAQ,CACP,cAAA,GAAAC,OAAgBzC,EAAkC,0BAElDyB,MAAOf,EACP0B,UAAWtB,EAAQ4B,SAASf,SAAA,mBAFxB,cAOPJ,EAAOoB,KAAI,SAAAC,GACV,IAAMC,GAAYD,aAAK,EAALA,EAAOE,OAAQ,GACjC,OACEhB,EAACU,EAAQ,CACP,cAAgBxC,GAAAA,OAAAA,EAAoB6C,YAAAA,OAAAA,EAAoB,YAExDpB,MAAOsB,OAAOH,EAAMI,IACpBZ,UAAWtB,EAAQ4B,SAASf,SAE5BG,EAACmB,EAAa,CAAAtB,SAAEkB,KAJXD,EAAMI,GAOjB,UAIHxB,GACCM,EAACoB,EAAgB,CACf,cAAA,GAAAT,OAAgBzC,EAA6B,qBAC7CmD,KAAM,GACNf,UAAWtB,EAAQsC,aAK7B,EAEAnD,EAAkBoD,UAAY,CAC5BvC,QAASwC,EAAUC,MAAM,CAAA,GAAIC,WAC7BC,QAASH,EAAUC,MAAM,CACvBG,UAAWJ,EAAUC,MAAM,MAE7B/C,aAAc8C,EAAUK,UAAU,CAACL,EAAUM,OAAQN,EAAUO,SAC/DnD,aAAc4C,EAAUQ,IACxBjD,SAAUyC,EAAUS,KAAKP,WACzBlD,MAAOgD,EAAUO,OACjBjD,WAAY0C,EAAUU,KACtBjD,cAAeuC,EAAUM,OACzB3C,gBAAiBqC,EAAUO,OAC3B7C,UAAWsC,EAAUO,OAAOL,WAC5B,cAAeF,EAAUO,OACzB1D,OAAQmD,EAAUO,QAGpB,IAAAI,EAAeC,EAjGG,CAChBd,SAAU,CAAEe,OAAQ,UACpB9B,OAAQ,CAAE+B,MAAO,KACjB7B,WAAY,CAAE8B,UAAW,KACzB3B,SAAU,CAAE0B,MAAO,MA6FNF,CAAsBjE"}

package/components/AssetEditor/index.d.ts

@@ -1,20 +1,14 @@
 import PropTypes from 'prop-types';
 declare function AppSettingsAssetEditor({ appKey, appType, defaultValue, isNullable, label, onSettingsChange, settings, }: {
-    appKey: any;
+    appKey?: null | undefined;
     appType: any;
     defaultValue: any;
-    isNullable: any;
-    label: any;
+    isNullable?: boolean | undefined;
+    label?: string | undefined;
     onSettingsChange: any;
     settings: any;
 }): import("react").JSX.Element;
 declare namespace AppSettingsAssetEditor {
-    var defaultProps: {
-        label: string;
-        isNullable: boolean;
-        defaultValue: undefined;
-        appKey: null;
-    };
     var propTypes: {
         settings: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
         appType: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;

package/components/AssetEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AssetEditor/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;wCAWH,EAC9B,MAAM,EACN,OAAO,EACP,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,QAAQ,GACT;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;eAqJc,sBAAsB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AssetEditor/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;wCAWH,EAC9B,MAAa,EACb,OAAO,EACP,YAAY,EACZ,UAAkB,EAClB,KAAyB,EACzB,gBAAgB,EAChB,QAAQ,GACT;;;;;;;;CAAA;;;;;;;;;;;;eA8Ic,sBAAsB"}

package/components/AssetEditor/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a}from"react";import s from"prop-types";import{get as l,capitalize as r}from"lodash";import{Button as o}from"@material-ui/core";import i from"./SingleAssetEditor.js";import n from"./AssetEditorAutocomplete.js";import p from"./AssetEditors.css.js";import{jsxs as c,jsx as u}from"react/jsx-runtime";var d="DC_AppSettingsAssetEditor",m=function(s){var m=s.appKey,y=s.appType,A=s.defaultValue,f=s.isNullable,b=s.label,h=s.onSettingsChange,g=s.settings,C=l(y,["primaryAsset","assetType","type"]),T=l(y,["primaryAsset","assetType","id"]),v=l(y,["primaryAsset","autocompleteSelect"]),N=l(y,["secondaryAsset","assetType","type"]),V=l(y,["secondaryAsset","assetType","id"]),K=l(y,["secondaryAsset","autocompleteSelect"]),_=l(g,T),E=a(_||A),S=t(E,2),j=S[0],q=S[1],R=a(l(g,V)),k=t(R,2),x=k[0],B=k[1],D=a(!(!N||x)),I=t(D,2),P=I[0],U=I[1],W=a(!(!N||!x)),w=t(W,2),z=w[0],F=w[1],G=function(t){B(t),h(e({},V,t))},H=function(t){q(t),B(null),F(!1),U(!!N);var a=e({},T,t);V&&(a[V]=null),h(a)};return c("div",{className:p.main,children:[u("div",{className:p.title,children:"Active Asset"}),c("div",{className:p.editor,children:[v?u(n,{appKey:m,assetType:C,currentValue:j,"data-testid":"".concat(d,"_primaryAssetEditorAutocomplete"),defaultValue:A,disableClearable:!f,isNullable:f,label:b,onChange:H}):u(i,{appKey:m,assetType:C,currentValue:j,"data-testid":"".concat(d,"_primaryAutoComplete"),defaultValue:A,isNullable:f,label:b,onChange:H}),P&&u(o,{"data-testid":"".concat(d,"_changeWellButton"),color:"primary",onClick:function(){F(!0),U(!1)},disabled:!_,children:"Change ".concat(r(N))}),!P&&z&&u(o,{"data-testid":"".concat(d,"_useDefaultButton"),color:"secondary",onClick:function(){B(null),F(!1),U(!!N),h(e({},V,null))},children:"Use active asset"})]}),z&&u("div",{className:p.editor,children:K?u(n,{appKey:m,assetType:N,currentValue:x,"data-testid":"".concat(d,"_secondaryAssetEditorAutocomplete"),defaultValue:A,disableClearable:!1,isNullable:f,label:"Active ".concat(r(N)),onChange:G,parentAssetId:j,parentAssetType:C}):u(i,{"data-testid":"".concat(d,"_secondaryAutoComplete"),onChange:G,defaultValue:A,currentValue:x,isNullable:f,label:"Active ".concat(r(N)),assetType:N,parentAssetId:j,parentAssetType:C,appKey:m})})]})};m.defaultProps={label:"Choose An Asset",isNullable:!1,defaultValue:void 0,appKey:null},m.propTypes={settings:s.shape({}).isRequired,appType:s.shape({}).isRequired,defaultValue:s.any,onSettingsChange:s.func.isRequired,label:s.string,isNullable:s.bool,appKey:s.string};export{m as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a}from"react";import s from"prop-types";import{get as l,capitalize as r}from"lodash";import{Button as o}from"@material-ui/core";import i from"./SingleAssetEditor.js";import n from"./AssetEditorAutocomplete.js";import p from"./AssetEditors.css.js";import{jsxs as c,jsx as d}from"react/jsx-runtime";var u="DC_AppSettingsAssetEditor",m=function(s){var m=s.appKey,y=void 0===m?null:m,A=s.appType,f=s.defaultValue,b=s.isNullable,h=void 0!==b&&b,g=s.label,C=void 0===g?"Choose An Asset":g,v=s.onSettingsChange,T=s.settings,N=l(A,["primaryAsset","assetType","type"]),V=l(A,["primaryAsset","assetType","id"]),_=l(A,["primaryAsset","autocompleteSelect"]),E=l(A,["secondaryAsset","assetType","type"]),K=l(A,["secondaryAsset","assetType","id"]),S=l(A,["secondaryAsset","autocompleteSelect"]),j=l(T,V),q=a(j||f),R=t(q,2),k=R[0],x=R[1],B=a(l(T,K)),D=t(B,2),I=D[0],P=D[1],U=a(!(!E||I)),W=t(U,2),w=W[0],z=W[1],F=a(!(!E||!I)),G=t(F,2),H=G[0],J=G[1],L=function(t){P(t),v(e({},K,t))},M=function(t){x(t),P(null),J(!1),z(!!E);var a=e({},V,t);K&&(a[K]=null),v(a)};return c("div",{className:p.main,children:[d("div",{className:p.title,children:"Active Asset"}),c("div",{className:p.editor,children:[_?d(n,{appKey:y,assetType:N,currentValue:k,"data-testid":"".concat(u,"_primaryAssetEditorAutocomplete"),defaultValue:f,disableClearable:!h,isNullable:h,label:C,onChange:M}):d(i,{appKey:y,assetType:N,currentValue:k,"data-testid":"".concat(u,"_primaryAutoComplete"),defaultValue:f,isNullable:h,label:C,onChange:M}),w&&d(o,{"data-testid":"".concat(u,"_changeWellButton"),color:"primary",onClick:function(){J(!0),z(!1)},disabled:!j,children:"Change ".concat(r(E))}),!w&&H&&d(o,{"data-testid":"".concat(u,"_useDefaultButton"),color:"secondary",onClick:function(){P(null),J(!1),z(!!E),v(e({},K,null))},children:"Use active asset"})]}),H&&d("div",{className:p.editor,children:S?d(n,{appKey:y,assetType:E,currentValue:I,"data-testid":"".concat(u,"_secondaryAssetEditorAutocomplete"),defaultValue:f,disableClearable:!1,isNullable:h,label:"Active ".concat(r(E)),onChange:L,parentAssetId:k,parentAssetType:N}):d(i,{"data-testid":"".concat(u,"_secondaryAutoComplete"),onChange:L,defaultValue:f,currentValue:I,isNullable:h,label:"Active ".concat(r(E)),assetType:E,parentAssetId:k,parentAssetType:N,appKey:y})})]})};m.propTypes={settings:s.shape({}).isRequired,appType:s.shape({}).isRequired,defaultValue:s.any,onSettingsChange:s.func.isRequired,label:s.string,isNullable:s.bool,appKey:s.string};export{m as default};
 //# sourceMappingURL=index.js.map