@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/AssetEditor/effects/index.js

@@ -1,226 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState, useEffect, useRef } from 'react';
-import { isEmpty } from 'lodash';
-import { PER_PAGE } from '../constants.js';
-import 'uuid';
-import 'lodash/set';
-import 'lodash/get';
-import 'lodash/unset';
-import 'moment';
-import { mapAssetGetRequest, getAssets } from '../../../clients/jsonApi/index.js';
-import '../../../clients/subscriptions.js';
-import '../../../clients/api/apiCore.js';
-import '../../../clients/constants.js';
-import '../../../clients/sso/auth0.js';
-import '../../../clients/sso/oauth2.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var getRequestOptions = function getRequestOptions(assetType) {
-  var assetFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return {
-    sort: 'name',
-    order: 'asc',
-    fields: ["".concat(assetType, ".name"), "".concat(assetType, ".asset_id")].concat(_toConsumableArray(assetFields))
-  };
-};
-var deserializeAsset = function deserializeAsset(asset) {
-  var _asset$relationships, _asset$relationships$, _asset$relationships$2;
-  return _objectSpread(_objectSpread({}, asset.attributes), {}, {
-    id: +asset.id,
-    programId: +((_asset$relationships = asset.relationships) === null || _asset$relationships === void 0 ? void 0 : (_asset$relationships$ = _asset$relationships.program) === null || _asset$relationships$ === void 0 ? void 0 : (_asset$relationships$2 = _asset$relationships$.data) === null || _asset$relationships$2 === void 0 ? void 0 : _asset$relationships$2.id)
-  });
-};
-function useAssetSelectData(_ref) {
-  var appKey = _ref.appKey,
-    assetType = _ref.assetType,
-    assetId = _ref.assetId,
-    parentAssetType = _ref.parentAssetType,
-    parentAssetId = _ref.parentAssetId,
-    _ref$queryParams = _ref.queryParams,
-    queryParams = _ref$queryParams === void 0 ? null : _ref$queryParams;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    assets = _useState2[0],
-    setAssets = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  useEffect(function () {
-    setLoading(true);
-    function loadAssets() {
-      return _loadAssets.apply(this, arguments);
-    }
-    function _loadAssets() {
-      _loadAssets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return mapAssetGetRequest(assetType)(_objectSpread(_objectSpread(_objectSpread({}, getRequestOptions(assetType)), {}, _defineProperty({
-                  per_page: 10000
-                }, parentAssetType, parentAssetId), appKey && {
-                  app_key: appKey
-                }), queryParams));
-              case 2:
-                response = _context.sent;
-                setAssets(response.data.map(deserializeAsset));
-                setLoading(false);
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return _loadAssets.apply(this, arguments);
-    }
-    loadAssets();
-  }, [assetType, assetId, parentAssetType, parentAssetId, appKey]);
-  return {
-    assets: assets,
-    loading: loading
-  };
-}
-function useAssetAutoCompleteSelectData(_ref2) {
-  var appKey = _ref2.appKey,
-    assetType = _ref2.assetType,
-    companyId = _ref2.companyId,
-    currentValue = _ref2.currentValue,
-    isMultiple = _ref2.isMultiple,
-    parentAssetId = _ref2.parentAssetId,
-    parentAssetType = _ref2.parentAssetType,
-    scrollPage = _ref2.scrollPage,
-    searchText = _ref2.searchText,
-    setCurrentOption = _ref2.setCurrentOption,
-    queryParams = _ref2.queryParams,
-    assetFields = _ref2.assetFields;
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    assets = _useState6[0],
-    setAssets = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
-  var previousTypeRef = useRef();
-  var lastLoadAssetsReqPromise = useRef();
-
-  // NOTE: Fetch currently selected option
-  useEffect(function () {
-    function loadCurrentOption() {
-      return _loadCurrentOption.apply(this, arguments);
-    }
-    function _loadCurrentOption() {
-      _loadCurrentOption = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return mapAssetGetRequest(assetType)(_objectSpread(_objectSpread({}, getRequestOptions(assetType, assetFields)), {}, {
-                  ids: isMultiple ? currentValue : [currentValue]
-                }, queryParams));
-              case 2:
-                response = _context2.sent;
-                if (!isEmpty(response.data)) {
-                  _context2.next = 7;
-                  break;
-                }
-                _context2.next = 6;
-                return getAssets(_objectSpread(_objectSpread({}, getRequestOptions(assetType, assetFields)), {}, {
-                  ids: isMultiple ? currentValue : [currentValue]
-                }, queryParams));
-              case 6:
-                response = _context2.sent;
-              case 7:
-                setCurrentOption(function () {
-                  if (isMultiple) return response.data.map(deserializeAsset);
-                  var option = response.data[0];
-                  return option ? deserializeAsset(option) : null;
-                });
-              case 8:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
-      return _loadCurrentOption.apply(this, arguments);
-    }
-    if (isMultiple ? currentValue.length : currentValue) loadCurrentOption();
-  }, []);
-  useEffect(function () {
-    function loadAssets() {
-      return _loadAssets2.apply(this, arguments);
-    }
-    function _loadAssets2() {
-      _loadAssets2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var requestParams, requestPromise, response, responseAssets, isPaginationDisabled;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.prev = 0;
-                setLoading(true);
-                requestParams = {
-                  per_page: PER_PAGE,
-                  page: scrollPage
-                };
-                if (parentAssetType && parentAssetId) requestParams[parentAssetType] = parentAssetId;
-                if (companyId) requestParams.company = companyId;
-                if (searchText) requestParams.search = searchText;
-                if (appKey) requestParams.app_key = appKey;
-                requestPromise = mapAssetGetRequest(assetType)(_objectSpread(_objectSpread(_objectSpread({}, getRequestOptions(assetType, assetFields)), requestParams), queryParams));
-                lastLoadAssetsReqPromise.current = requestPromise;
-                _context3.next = 11;
-                return requestPromise;
-              case 11:
-                response = _context3.sent;
-                if (!(lastLoadAssetsReqPromise.current !== requestPromise)) {
-                  _context3.next = 14;
-                  break;
-                }
-                return _context3.abrupt("return");
-              case 14:
-                responseAssets = response.data.map(deserializeAsset);
-                isPaginationDisabled = previousTypeRef.current !== assetType || scrollPage === 1;
-                setAssets(isPaginationDisabled ? responseAssets : function (prevState) {
-                  return prevState.concat(responseAssets);
-                });
-                previousTypeRef.current = assetType;
-                _context3.next = 23;
-                break;
-              case 20:
-                _context3.prev = 20;
-                _context3.t0 = _context3["catch"](0);
-                console.error(_context3.t0);
-              case 23:
-                setLoading(false);
-              case 24:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, null, [[0, 20]]);
-      }));
-      return _loadAssets2.apply(this, arguments);
-    }
-    loadAssets();
-  }, [assetType, parentAssetType, parentAssetId, companyId, searchText, scrollPage, appKey]);
-  return {
-    assets: assets,
-    loading: loading
-  };
-}
-
-export { useAssetAutoCompleteSelectData, useAssetSelectData };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/toConsumableArray";import a from"@babel/runtime/regenerator";import{useState as s,useEffect as o,useRef as i}from"react";import{isEmpty as p}from"lodash";import{PER_PAGE as c}from"../constants.js";import"uuid";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import{mapAssetGetRequest as u,getAssets as l}from"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";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 f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){r(e,t,n[t])})):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 d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{sort:"name",order:"asc",fields:["".concat(e,".name"),"".concat(e,".asset_id")].concat(n(t))}},y=function(e){var t,r,n;return f(f({},e.attributes),{},{id:+e.id,programId:+(null===(t=e.relationships)||void 0===t||null===(r=t.program)||void 0===r||null===(n=r.data)||void 0===n?void 0:n.id)})};function b(n){var i=n.appKey,p=n.assetType,c=n.assetId,l=n.parentAssetType,m=n.parentAssetId,b=n.queryParams,h=void 0===b?null:b,v=s([]),g=t(v,2),j=g[0],O=g[1],x=s(!0),w=t(x,2),P=w[0],k=w[1];return o((function(){function t(){return(t=e(a.mark((function e(){var t;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,u(p)(f(f(f({},d(p)),{},r({per_page:1e4},l,m),i&&{app_key:i}),h));case 2:t=e.sent,O(t.data.map(y)),k(!1);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}k(!0),function(){t.apply(this,arguments)}()}),[p,c,l,m,i]),{assets:j,loading:P}}function h(r){var n=r.appKey,m=r.assetType,b=r.companyId,h=r.currentValue,v=r.isMultiple,g=r.parentAssetId,j=r.parentAssetType,O=r.scrollPage,x=r.searchText,w=r.setCurrentOption,P=r.queryParams,k=r.assetFields,A=s([]),T=t(A,2),I=T[0],_=T[1],D=s(!1),C=t(D,2),q=C[0],E=C[1],K=i(),S=i();return o((function(){function t(){return(t=e(a.mark((function e(){var t;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,u(m)(f(f({},d(m,k)),{},{ids:v?h:[h]},P));case 2:if(t=e.sent,!p(t.data)){e.next=7;break}return e.next=6,l(f(f({},d(m,k)),{},{ids:v?h:[h]},P));case 6:t=e.sent;case 7:w((function(){if(v)return t.data.map(y);var e=t.data[0];return e?y(e):null}));case 8:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(v?h.length:h)&&function(){t.apply(this,arguments)}()}),[]),o((function(){function t(){return(t=e(a.mark((function e(){var t,r,s,o,i;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,E(!0),t={per_page:c,page:O},j&&g&&(t[j]=g),b&&(t.company=b),x&&(t.search=x),n&&(t.app_key=n),r=u(m)(f(f(f({},d(m,k)),t),P)),S.current=r,e.next=11,r;case 11:if(s=e.sent,S.current===r){e.next=14;break}return e.abrupt("return");case 14:o=s.data.map(y),i=K.current!==m||1===O,_(i?o:function(e){return e.concat(o)}),K.current=m,e.next=23;break;case 20:e.prev=20,e.t0=e.catch(0),console.error(e.t0);case 23:E(!1);case 24:case"end":return e.stop()}}),e,null,[[0,20]])})))).apply(this,arguments)}!function(){t.apply(this,arguments)}()}),[m,j,g,b,x,O,n]),{assets:I,loading:q}}export{h as useAssetAutoCompleteSelectData,b as useAssetSelectData};

package/components/AssetEditor/index.js

@@ -1,151 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import { get, capitalize } from 'lodash';
-import { Button } from '@material-ui/core';
-import SingleAssetEditor from './SingleAssetEditor.js';
-import AssetEditorAutocomplete from './AssetEditorAutocomplete.js';
-import styles from './AssetEditors.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'DC_AppSettingsAssetEditor';
-var AppSettingsAssetEditor = function AppSettingsAssetEditor(_ref) {
-  var appKey = _ref.appKey,
-    appType = _ref.appType,
-    defaultValue = _ref.defaultValue,
-    isNullable = _ref.isNullable,
-    label = _ref.label,
-    onSettingsChange = _ref.onSettingsChange,
-    settings = _ref.settings;
-  var primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);
-  var primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);
-  var isPrimarySelectAutocomplete = get(appType, ['primaryAsset', 'autocompleteSelect']);
-  var secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);
-  var secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);
-  var isSecondarySelectAutocomplete = get(appType, ['secondaryAsset', 'autocompleteSelect']);
-  var currentValue = get(settings, primaryAssetIdType);
-  var _useState = useState(currentValue || defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    primaryAssetId = _useState2[0],
-    setPrimaryAssetId = _useState2[1];
-  var _useState3 = useState(get(settings, secondaryAssetIdType)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    secondaryAssetId = _useState4[0],
-    setSecondaryAssetId = _useState4[1];
-  var _useState5 = useState(!!(secondaryAssetType && !secondaryAssetId)),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isSecondaryAssetButtonVisible = _useState6[0],
-    setIsSecondaryAssetButtonVisible = _useState6[1];
-  var _useState7 = useState(!!(secondaryAssetType && secondaryAssetId)),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isSecondaryAssetDropdownVisible = _useState8[0],
-    setIsSecondaryAssetDropdownVisible = _useState8[1];
-  var onSecondaryAssetIdChange = function onSecondaryAssetIdChange(id) {
-    setSecondaryAssetId(id);
-    onSettingsChange(_defineProperty({}, secondaryAssetIdType, id));
-  };
-  var onPrimaryAssetChange = function onPrimaryAssetChange(id) {
-    setPrimaryAssetId(id);
-    setSecondaryAssetId(null);
-    setIsSecondaryAssetDropdownVisible(false);
-    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);
-    var assetSetting = _defineProperty({}, primaryAssetIdType, id);
-    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;
-    onSettingsChange(assetSetting);
-  };
-  var onDefaultAssetButtonClick = function onDefaultAssetButtonClick() {
-    setSecondaryAssetId(null);
-    setIsSecondaryAssetDropdownVisible(false);
-    setIsSecondaryAssetButtonVisible(!!secondaryAssetType);
-    onSettingsChange(_defineProperty({}, secondaryAssetIdType, null));
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.main,
-    children: [/*#__PURE__*/jsx("div", {
-      className: styles.title,
-      children: "Active Asset"
-    }), /*#__PURE__*/jsxs("div", {
-      className: styles.editor,
-      children: [isPrimarySelectAutocomplete ? /*#__PURE__*/jsx(AssetEditorAutocomplete, {
-        appKey: appKey,
-        assetType: primaryAssetType,
-        currentValue: primaryAssetId,
-        "data-testid": "".concat(PAGE_NAME, "_primaryAssetEditorAutocomplete"),
-        defaultValue: defaultValue,
-        disableClearable: !isNullable,
-        isNullable: isNullable,
-        label: label,
-        onChange: onPrimaryAssetChange
-      }) : /*#__PURE__*/jsx(SingleAssetEditor, {
-        appKey: appKey,
-        assetType: primaryAssetType,
-        currentValue: primaryAssetId,
-        "data-testid": "".concat(PAGE_NAME, "_primaryAutoComplete"),
-        defaultValue: defaultValue,
-        isNullable: isNullable,
-        label: label,
-        onChange: onPrimaryAssetChange
-      }), isSecondaryAssetButtonVisible && /*#__PURE__*/jsx(Button, {
-        "data-testid": "".concat(PAGE_NAME, "_changeWellButton"),
-        color: "primary",
-        onClick: function onClick() {
-          setIsSecondaryAssetDropdownVisible(true);
-          setIsSecondaryAssetButtonVisible(false);
-        },
-        disabled: !currentValue,
-        children: "Change ".concat(capitalize(secondaryAssetType))
-      }), !isSecondaryAssetButtonVisible && isSecondaryAssetDropdownVisible && /*#__PURE__*/jsx(Button, {
-        "data-testid": "".concat(PAGE_NAME, "_useDefaultButton"),
-        color: "secondary",
-        onClick: onDefaultAssetButtonClick,
-        children: "Use active asset"
-      })]
-    }), isSecondaryAssetDropdownVisible && /*#__PURE__*/jsx("div", {
-      className: styles.editor,
-      children: isSecondarySelectAutocomplete ? /*#__PURE__*/jsx(AssetEditorAutocomplete, {
-        appKey: appKey,
-        assetType: secondaryAssetType,
-        currentValue: secondaryAssetId,
-        "data-testid": "".concat(PAGE_NAME, "_secondaryAssetEditorAutocomplete"),
-        defaultValue: defaultValue,
-        disableClearable: false,
-        isNullable: isNullable,
-        label: "Active ".concat(capitalize(secondaryAssetType)),
-        onChange: onSecondaryAssetIdChange,
-        parentAssetId: primaryAssetId,
-        parentAssetType: primaryAssetType
-      }) : /*#__PURE__*/jsx(SingleAssetEditor, {
-        "data-testid": "".concat(PAGE_NAME, "_secondaryAutoComplete"),
-        onChange: onSecondaryAssetIdChange,
-        defaultValue: defaultValue,
-        currentValue: secondaryAssetId,
-        isNullable: isNullable,
-        label: "Active ".concat(capitalize(secondaryAssetType)),
-        assetType: secondaryAssetType,
-        parentAssetId: primaryAssetId,
-        parentAssetType: primaryAssetType,
-        appKey: appKey
-      })
-    })]
-  });
-};
-AppSettingsAssetEditor.defaultProps = {
-  label: 'Choose An Asset',
-  isNullable: false,
-  defaultValue: undefined,
-  appKey: null
-};
-AppSettingsAssetEditor.propTypes = {
-  settings: PropTypes.shape({}).isRequired,
-  appType: PropTypes.shape({}).isRequired,
-  defaultValue: PropTypes.any,
-  // eslint-disable-line react/forbid-prop-types
-  onSettingsChange: PropTypes.func.isRequired,
-  label: PropTypes.string,
-  isNullable: PropTypes.bool,
-  appKey: PropTypes.string
-};
-
-export { AppSettingsAssetEditor as default };
-//# sourceMappingURL=index.js.map
+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};

package/components/AssetEditorV2/components/MultipleAssetsToggle.js

@@ -1,63 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classNames from 'classnames';
-import { makeStyles, Tooltip } from '@material-ui/core';
-import { InfoOutlined } from '@material-ui/icons';
-import { SwitchControlComponent } from '../../SwitchControl/index.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _excluded = ["isChecked", "title", "className"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles(function (_ref) {
-  var palette = _ref.palette;
-  return {
-    root: {
-      marginBottom: '-2px',
-      marginTop: '-8px',
-      marginLeft: '-9px',
-      width: 'fit-content'
-    },
-    title: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    infoIcon: {
-      marginLeft: 4,
-      color: palette.primary.text6,
-      '&:hover': {
-        color: palette.primary.contrastText
-      }
-    }
-  };
-});
-var MultipleAssetsToggle = function MultipleAssetsToggle(_ref2) {
-  var isChecked = _ref2.isChecked,
-    title = _ref2.title,
-    className = _ref2.className,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var styles = useStyles();
-  return /*#__PURE__*/jsx(SwitchControlComponent, _objectSpread({
-    className: classNames(styles.root, className),
-    size: "small",
-    rightLabel: /*#__PURE__*/jsxs("span", {
-      className: styles.title,
-      children: [title, /*#__PURE__*/jsx(Tooltip, {
-        title: "A separate app will be placed on the dashboard for each asset chosen",
-        placement: "bottom-start",
-        children: /*#__PURE__*/jsx(InfoOutlined, {
-          fontSize: "small",
-          className: styles.infoIcon
-        })
-      })]
-    }),
-    color: "primary",
-    checked: isChecked
-  }, props));
-};
-MultipleAssetsToggle.defaultProps = {
-  title: 'Multiple Assets'
-};
-
-export { MultipleAssetsToggle as default };
-//# sourceMappingURL=MultipleAssetsToggle.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"classnames";import{makeStyles as o,Tooltip as i}from"@material-ui/core";import{InfoOutlined as a}from"@material-ui/icons";import{SwitchControlComponent as n}from"../../SwitchControl/index.js";import{jsx as c,jsxs as s}from"react/jsx-runtime";var l=["isChecked","title","className"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}var m=o((function(e){var t=e.palette;return{root:{marginBottom:"-2px",marginTop:"-8px",marginLeft:"-9px",width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}})),f=function(o){var f=o.isChecked,u=o.title,b=o.className,h=t(o,l),O=m();return c(n,function(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({className:r(O.root,b),size:"small",rightLabel:s("span",{className:O.title,children:[u,c(i,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:c(a,{fontSize:"small",className:O.infoIcon})})]}),color:"primary",checked:f},h))};f.defaultProps={title:"Multiple Assets"};export{f as default};

package/components/AssetEditorV2/components/PrimaryAssetSelect.js

@@ -1,189 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import PropTypes from 'prop-types';
-import { useState, useCallback } from 'react';
-import { debounce } from 'lodash';
-import { makeStyles, Chip } from '@material-ui/core';
-import { Search } from '../../Search/Search.js';
-import '../../Search/components/Listbox.js';
-import '../../Search/components/Paper.js';
-import '../../Search/components/RecentSearches.js';
-import InputAdornmentLeft from '../../Search/components/InputAdornmentLeft.js';
-import Groups from '../../Search/components/Groups.js';
-import '../../Search/components/SelectAllListItem.js';
-import { usePrimaryAssetSelectData } from '../effects/index.js';
-import { ACTIVE_STATUS } from '../constants.js';
-import SelectItem from './SelectItem.js';
-import '../../../constants/goals.js';
-import '../../../constants/segment.js';
-import '../../../constants/alerts.js';
-import '../../../constants/apps.js';
-import '../../../constants/drillstring.js';
-import '../../../constants/completion.js';
-import '../../../constants/appPackages.js';
-import '../../../constants/notifications.js';
-import '../../../constants/feed.js';
-import '../../../constants/bha.js';
-import { ASSET_TYPES } from '../../../constants/assetTypes.js';
-import '../../../utils/env.js';
-import '../../GradientManager/configuration/constants.js';
-import { jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles({
-  paper: {
-    boxShadow: '0px 3px 10px 0px #00000066'
-  },
-  listbox: {
-    maxHeight: 210,
-    '& .MuiAutocomplete-option': {
-      padding: '0px 0px 0px 16px'
-    }
-  },
-  option: {
-    padding: '6px 0',
-    '&:hover': {
-      backgroundColor: 'initial'
-    }
-  },
-  groupChip: {
-    height: 32,
-    padding: 0
-  },
-  activeChip: {
-    fontWeight: 500,
-    backgroundColor: '#75DB29',
-    color: '#212121',
-    fontSize: 10,
-    cursor: 'pointer',
-    height: 12,
-    textTransform: 'uppercase',
-    marginRight: 12,
-    letterSpacing: 1
-  }
-});
-var PrimaryAssetSelect = function PrimaryAssetSelect(_ref) {
-  var PAGE_NAME = _ref['data-testid'],
-    appKey = _ref.appKey,
-    assetFields = _ref.assetFields,
-    assetType = _ref.assetType,
-    company = _ref.company,
-    currentOption = _ref.currentOption,
-    currentValue = _ref.currentValue,
-    defaultValue = _ref.defaultValue,
-    disableClearable = _ref.disableClearable,
-    disabled = _ref.disabled,
-    groups = _ref.groups,
-    isNullable = _ref.isNullable,
-    isRequiredAssetId = _ref.isRequiredAssetId,
-    label = _ref.label,
-    multiple = _ref.multiple,
-    onActiveAssetIdChange = _ref.onActiveAssetIdChange,
-    _onChange = _ref.onChange,
-    onGroupChange = _ref.onGroupChange,
-    onGroupReset = _ref.onGroupReset,
-    _onInputReset = _ref.onInputReset,
-    placeholder = _ref.placeholder,
-    selectedGroup = _ref.selectedGroup,
-    setCurrentOption = _ref.setCurrentOption;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-  var searchPlaceholder = assetType === ASSET_TYPES.rig.type ? 'Search Rig...' : 'Search Pad / Frac Fleet...';
-  var styles = useStyles();
-  var _usePrimaryAssetSelec = usePrimaryAssetSelectData({
-      appKey: appKey,
-      assetType: assetType,
-      company: company,
-      groups: groups,
-      isRequiredAssetId: isRequiredAssetId,
-      assetFields: assetFields,
-      selectedGroup: selectedGroup,
-      currentValue: currentValue,
-      setCurrentOption: setCurrentOption,
-      onActiveAssetIdChange: onActiveAssetIdChange
-    }),
-    assets = _usePrimaryAssetSelec.assets,
-    isLoading = _usePrimaryAssetSelec.loading;
-  var onInputChange = useCallback(debounce(function (value) {
-    setSearchValue(value);
-  }, 200), []);
-  var renderOption = function renderOption(_ref2, _ref3) {
-    var status = _ref2.status,
-      name = _ref2.name,
-      id = _ref2.id;
-    var selected = _ref3.selected;
-    return /*#__PURE__*/jsx(SelectItem, {
-      className: styles.option,
-      assetName: name,
-      multiple: multiple,
-      selected: selected,
-      value: id,
-      status: status && ACTIVE_STATUS,
-      "data-testid": "".concat(PAGE_NAME, "_option_").concat(name, "MenuItem")
-    }, id);
-  };
-  return /*#__PURE__*/jsx(Search, {
-    classes: {
-      paper: styles.paper,
-      listbox: styles.listbox,
-      groupChip: styles.groupChip
-    },
-    defaultValue: defaultValue,
-    disableClearable: disableClearable,
-    disabled: disabled,
-    isNullable: isNullable,
-    loading: isLoading,
-    onGroupChange: onGroupChange,
-    onGroupReset: onGroupReset,
-    placeholder: placeholder || searchPlaceholder,
-    selectedGroup: selectedGroup,
-    onChange: function onChange(event, selected) {
-      _onChange(selected);
-    },
-    "data-testid": PAGE_NAME,
-    multiple: multiple,
-    onInputChange: onInputChange,
-    onInputReset: function onInputReset() {
-      _onInputReset();
-      setCurrentOption(null);
-    },
-    TextFieldProps: {
-      label: label,
-      value: searchValue,
-      endAdornment: (currentOption === null || currentOption === void 0 ? void 0 : currentOption.status) === ACTIVE_STATUS && /*#__PURE__*/jsx(Chip, {
-        "data-not-migrated-muichip": true,
-        className: styles.activeChip,
-        label: "Active"
-      })
-    },
-    isHiddenAllOption: true,
-    value: currentOption,
-    options: assets,
-    renderCustomOption: renderOption,
-    getOptionLabel: function getOptionLabel(option) {
-      return option.name || '';
-    },
-    GroupsComponent: Groups,
-    groups: groups,
-    InputProps: {
-      startAdornment: /*#__PURE__*/jsx(InputAdornmentLeft, {})
-    }
-  });
-};
-PrimaryAssetSelect.propTypes = {
-  assetFields: PropTypes.array,
-  'data-testid': PropTypes.string,
-  onInputReset: PropTypes.func,
-  onActiveAssetIdChange: PropTypes.func,
-  placeholder: PropTypes.string
-};
-PrimaryAssetSelect.defaultProps = {
-  assetFields: [],
-  'data-testid': 'PrimaryAssetEditorAutocomplete',
-  onInputReset: function onInputReset() {},
-  onActiveAssetIdChange: function onActiveAssetIdChange() {},
-  placeholder: null
-};
-
-export { PrimaryAssetSelect as default };
-//# sourceMappingURL=PrimaryAssetSelect.js.map
+import t from"@babel/runtime/helpers/slicedToArray";import e from"prop-types";import{useState as o,useCallback as s}from"react";import{debounce as n}from"lodash";import{makeStyles as a,Chip as r}from"@material-ui/core";import{Search as i}from"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import p from"../../Search/components/InputAdornmentLeft.js";import l from"../../Search/components/Groups.js";import"../../Search/components/SelectAllListItem.js";import{usePrimaryAssetSelectData as c}from"../effects/index.js";import{ACTIVE_STATUS as m}from"../constants.js";import u from"./SelectItem.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{ASSET_TYPES as d}from"../../../constants/assetTypes.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import{jsx as h}from"react/jsx-runtime";var g=a({paper:{boxShadow:"0px 3px 10px 0px #00000066"},listbox:{maxHeight:210,"& .MuiAutocomplete-option":{padding:"0px 0px 0px 16px"}},option:{padding:"6px 0","&:hover":{backgroundColor:"initial"}},groupChip:{height:32,padding:0},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),f=function(e){var a=e["data-testid"],f=e.appKey,j=e.assetFields,b=e.assetType,C=e.company,x=e.currentOption,A=e.currentValue,v=e.defaultValue,I=e.disableClearable,S=e.disabled,y=e.groups,R=e.isNullable,G=e.isRequiredAssetId,F=e.label,P=e.multiple,T=e.onActiveAssetIdChange,O=e.onChange,N=e.onGroupChange,L=e.onGroupReset,V=e.onInputReset,k=e.placeholder,M=e.selectedGroup,q=e.setCurrentOption,H=o(""),K=t(H,2),_=K[0],w=K[1],z=b===d.rig.type?"Search Rig...":"Search Pad / Frac Fleet...",B=g(),D=c({appKey:f,assetType:b,company:C,groups:y,isRequiredAssetId:G,assetFields:j,selectedGroup:M,currentValue:A,setCurrentOption:q,onActiveAssetIdChange:T}),E=D.assets,W=D.loading,J=s(n((function(t){w(t)}),200),[]);return h(i,{classes:{paper:B.paper,listbox:B.listbox,groupChip:B.groupChip},defaultValue:v,disableClearable:I,disabled:S,isNullable:R,loading:W,onGroupChange:N,onGroupReset:L,placeholder:k||z,selectedGroup:M,onChange:function(t,e){O(e)},"data-testid":a,multiple:P,onInputChange:J,onInputReset:function(){V(),q(null)},TextFieldProps:{label:F,value:_,endAdornment:(null==x?void 0:x.status)===m&&h(r,{"data-not-migrated-muichip":!0,className:B.activeChip,label:"Active"})},isHiddenAllOption:!0,value:x,options:E,renderCustomOption:function(t,e){var o=t.status,s=t.name,n=t.id,r=e.selected;return h(u,{className:B.option,assetName:s,multiple:P,selected:r,value:n,status:o&&m,"data-testid":"".concat(a,"_option_").concat(s,"MenuItem")},n)},getOptionLabel:function(t){return t.name||""},GroupsComponent:l,groups:y,InputProps:{startAdornment:h(p,{})}})};f.propTypes={assetFields:e.array,"data-testid":e.string,onInputReset:e.func,onActiveAssetIdChange:e.func,placeholder:e.string},f.defaultProps={assetFields:[],"data-testid":"PrimaryAssetEditorAutocomplete",onInputReset:function(){},onActiveAssetIdChange:function(){},placeholder:null};export{f as default};