@corva/ui 0.65.0-1-test → 0.65.0-3

package/components/AssetEditor/effects/index.js

@@ -1,223 +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 '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 { PER_PAGE } from '../constants.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,
-    queryParams = _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 r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/toConsumableArray";import a from"@babel/runtime/regenerator";import{useState as o,useEffect as s,useRef as i}from"react";import{isEmpty as p}from"lodash";import"uuid";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import{mapAssetGetRequest as c,getAssets as u}from"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import{PER_PAGE as l}from"../constants.js";function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function f(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(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var d=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{sort:"name",order:"asc",fields:["".concat(e,".name"),"".concat(e,".asset_id")].concat(n(r))}},y=function(e){var r,t,n;return f(f({},e.attributes),{},{id:+e.id,programId:+(null===(r=e.relationships)||void 0===r||null===(t=r.program)||void 0===t||null===(n=t.data)||void 0===n?void 0:n.id)})};function b(n){var i=n.appKey,p=n.assetType,u=n.assetId,l=n.parentAssetType,m=n.parentAssetId,b=n.queryParams,h=o([]),v=r(h,2),g=v[0],O=v[1],j=o(!0),x=r(j,2),w=x[0],P=x[1];return s((function(){function r(){return(r=e(a.mark((function e(){var r;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,c(p)(f(f(f({},d(p)),{},t({per_page:1e4},l,m),i&&{app_key:i}),b));case 2:r=e.sent,O(r.data.map(y)),P(!1);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}P(!0),function(){r.apply(this,arguments)}()}),[p,u,l,m,i]),{assets:g,loading:w}}function h(t){var n=t.appKey,m=t.assetType,b=t.companyId,h=t.currentValue,v=t.isMultiple,g=t.parentAssetId,O=t.parentAssetType,j=t.scrollPage,x=t.searchText,w=t.setCurrentOption,P=t.queryParams,k=t.assetFields,A=o([]),T=r(A,2),I=T[0],_=T[1],D=o(!1),C=r(D,2),q=C[0],E=C[1],K=i(),S=i();return s((function(){function r(){return(r=e(a.mark((function e(){var r;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,c(m)(f(f({},d(m,k)),{},{ids:v?h:[h]},P));case 2:if(r=e.sent,!p(r.data)){e.next=7;break}return e.next=6,u(f(f({},d(m,k)),{},{ids:v?h:[h]},P));case 6:r=e.sent;case 7:w((function(){if(v)return r.data.map(y);var e=r.data[0];return e?y(e):null}));case 8:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(v?h.length:h)&&function(){r.apply(this,arguments)}()}),[]),s((function(){function r(){return(r=e(a.mark((function e(){var r,t,o,s,i;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,E(!0),r={per_page:l,page:j},O&&g&&(r[O]=g),b&&(r.company=b),x&&(r.search=x),n&&(r.app_key=n),t=c(m)(f(f(f({},d(m,k)),r),P)),S.current=t,e.next=11,t;case 11:if(o=e.sent,S.current===t){e.next=14;break}return e.abrupt("return");case 14:s=o.data.map(y),i=K.current!==m||1===j,_(i?s:function(e){return e.concat(s)}),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(){r.apply(this,arguments)}()}),[m,O,g,b,x,j,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 styles from './AssetEditors.css.js';
-import SingleAssetEditor from './SingleAssetEditor.js';
-import AssetEditorAutocomplete from './AssetEditorAutocomplete.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"./AssetEditors.css.js";import n from"./SingleAssetEditor.js";import p from"./AssetEditorAutocomplete.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:i.main,children:[u("div",{className:i.title,children:"Active Asset"}),c("div",{className:i.editor,children:[v?u(p,{appKey:m,assetType:C,currentValue:j,"data-testid":"".concat(d,"_primaryAssetEditorAutocomplete"),defaultValue:A,disableClearable:!f,isNullable:f,label:b,onChange:H}):u(n,{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:i.editor,children:K?u(p,{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(n,{"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,62 +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'
-    },
-    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"},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,185 +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 { 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/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 placeholder = _ref.placeholder,
-    label = _ref.label,
-    PAGE_NAME = _ref['data-testid'],
-    appKey = _ref.appKey,
-    assetType = _ref.assetType,
-    company = _ref.company,
-    isRequiredAssetId = _ref.isRequiredAssetId,
-    currentOption = _ref.currentOption,
-    setCurrentOption = _ref.setCurrentOption,
-    defaultValue = _ref.defaultValue,
-    currentValue = _ref.currentValue,
-    disableClearable = _ref.disableClearable,
-    isNullable = _ref.isNullable,
-    _onChange = _ref.onChange,
-    multiple = _ref.multiple,
-    groups = _ref.groups,
-    selectedGroup = _ref.selectedGroup,
-    onGroupChange = _ref.onGroupChange,
-    onGroupReset = _ref.onGroupReset,
-    assetFields = _ref.assetFields,
-    _onInputReset = _ref.onInputReset,
-    onActiveAssetIdChange = _ref.onActiveAssetIdChange;
-  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
-    },
-    loading: isLoading,
-    placeholder: placeholder || searchPlaceholder,
-    defaultValue: defaultValue,
-    disableClearable: disableClearable,
-    isNullable: isNullable,
-    selectedGroup: selectedGroup,
-    onGroupChange: onGroupChange,
-    onGroupReset: onGroupReset,
-    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 r,Chip as a}from"@material-ui/core";import 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{usePrimaryAssetSelectData as c}from"../effects/index.js";import{ACTIVE_STATUS as u}from"../constants.js";import m 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/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=r({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 r=e.placeholder,f=e.label,j=e["data-testid"],C=e.appKey,b=e.assetType,x=e.company,A=e.isRequiredAssetId,v=e.currentOption,I=e.setCurrentOption,S=e.defaultValue,y=e.currentValue,R=e.disableClearable,G=e.isNullable,F=e.onChange,T=e.multiple,O=e.groups,P=e.selectedGroup,N=e.onGroupChange,V=e.onGroupReset,L=e.assetFields,M=e.onInputReset,k=e.onActiveAssetIdChange,q=o(""),H=t(q,2),K=H[0],_=H[1],w=b===d.rig.type?"Search Rig...":"Search Pad / Frac Fleet...",z=g(),B=c({appKey:C,assetType:b,company:x,groups:O,isRequiredAssetId:A,assetFields:L,selectedGroup:P,currentValue:y,setCurrentOption:I,onActiveAssetIdChange:k}),D=B.assets,E=B.loading,W=s(n((function(t){_(t)}),200),[]);return h(i,{classes:{paper:z.paper,listbox:z.listbox,groupChip:z.groupChip},loading:E,placeholder:r||w,defaultValue:S,disableClearable:R,isNullable:G,selectedGroup:P,onGroupChange:N,onGroupReset:V,onChange:function(t,e){F(e)},"data-testid":j,multiple:T,onInputChange:W,onInputReset:function(){M(),I(null)},TextFieldProps:{label:f,value:K,endAdornment:(null==v?void 0:v.status)===u&&h(a,{"data-not-migrated-muichip":!0,className:z.activeChip,label:"Active"})},isHiddenAllOption:!0,value:v,options:D,renderCustomOption:function(t,e){var o=t.status,s=t.name,n=t.id,r=e.selected;return h(m,{className:z.option,assetName:s,multiple:T,selected:r,value:n,status:o&&u,"data-testid":"".concat(j,"_option_").concat(s,"MenuItem")},n)},getOptionLabel:function(t){return t.name||""},GroupsComponent:l,groups:O,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};

package/components/AssetEditorV2/components/SecondaryAssetSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"names":[],"mappings":"AAQA,+CAAgD;;AA0ChD,+DAsGC"}
+{"version":3,"file":"SecondaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"names":[],"mappings":"AAQA,+CAAgD;;AA0ChD,+DAgHC"}