@jbrowse/plugin-config 1.7.9 → 2.0.0

package/dist/ConfigurationEditorWidget/components/ColorEditor.js

@@ -1,125 +1,91 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.default = exports.ColorSlot = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var ColorPicker = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('./ColorPicker'));
-  });
-}); // this is needed because passing a entire color object into the react-color
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorSlot = void 0;
+var react_1 = __importStar(require("react"));
+var mobx_react_1 = require("mobx-react");
+var material_1 = require("@mui/material");
+var ColorPicker = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require('./ColorPicker')); }); });
+// this is needed because passing a entire color object into the react-color
 // for alpha, can't pass in an rgba string for example
-
 function serializeColor(color) {
-  if (color instanceof Object) {
-    var _ref = color,
-        r = _ref.r,
-        g = _ref.g,
-        b = _ref.b,
-        a = _ref.a;
-    return a === undefined ? "rgb(".concat(r, ",").concat(g, ",").concat(b, ")") : "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
-  }
-
-  return color;
-}
-
-var ColorSlot = function ColorSlot(props) {
-  var value = props.value,
-      label = props.label,
-      TextFieldProps = props.TextFieldProps,
-      _onChange = props.onChange;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      displayed = _useState2[0],
-      setDisplayed = _useState2[1];
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextField.default, (0, _extends2.default)({
-    value: value,
-    label: label,
-    InputProps: {
-      style: {
-        color: value,
-        borderRightWidth: '25px',
-        borderRightStyle: 'solid',
-        borderRightColor: value
-      }
-    },
-    onClick: function onClick() {
-      return setDisplayed(!displayed);
-    },
-    onChange: function onChange(event) {
-      _onChange(event.target.value);
+    if (color instanceof Object) {
+        var _a = color, r = _a.r, g = _a.g, b = _a.b, a = _a.a;
+        return a === undefined ? "rgb(".concat(r, ",").concat(g, ",").concat(b, ")") : "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
     }
-  }, TextFieldProps)), displayed ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
-    fallback: /*#__PURE__*/_react.default.createElement("div", null)
-  }, /*#__PURE__*/_react.default.createElement(ColorPicker, {
-    color: value,
-    onChange: function onChange(event) {
-      _onChange(serializeColor(event.rgb));
-    }
-  })) : null);
+    return color;
+}
+var ColorSlot = function (props) {
+    var _a = props.value, value = _a === void 0 ? '#000' : _a, _b = props.label, label = _b === void 0 ? '' : _b, _c = props.TextFieldProps, TextFieldProps = _c === void 0 ? {} : _c, onChange = props.onChange;
+    var _d = __read((0, react_1.useState)(false), 2), displayed = _d[0], setDisplayed = _d[1];
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.TextField, __assign({ value: value, label: label, InputProps: {
+                style: {
+                    color: value,
+                    borderRightWidth: '25px',
+                    borderRightStyle: 'solid',
+                    borderRightColor: value,
+                },
+            }, onClick: function () { return setDisplayed(!displayed); }, onChange: function (event) { return onChange(event.target.value); } }, TextFieldProps)),
+        displayed ? (react_1.default.createElement(react_1.default.Suspense, { fallback: react_1.default.createElement("div", null) },
+            react_1.default.createElement(ColorPicker, { color: value, onChange: function (event) { return onChange(serializeColor(event.rgb)); } }))) : null));
 };
-
 exports.ColorSlot = ColorSlot;
-ColorSlot.propTypes = {
-  onChange: _propTypes.default.func.isRequired,
-  label: _propTypes.default.string,
-  TextFieldProps: _propTypes.default.shape({}),
-  value: _propTypes.default.string
-};
-ColorSlot.defaultProps = {
-  label: '',
-  value: '#000',
-  TextFieldProps: {}
-};
-
 function ColorEditorSlot(props) {
-  var slot = props.slot;
-  return /*#__PURE__*/_react.default.createElement(ColorSlot, {
-    label: slot.name,
-    value: slot.value,
-    onChange: function onChange(color) {
-      slot.set(color);
-    },
-    TextFieldProps: {
-      helperText: slot.description,
-      fullWidth: true
-    }
-  });
+    var slot = props.slot;
+    return (react_1.default.createElement(exports.ColorSlot, { label: slot.name, value: slot.value, onChange: function (color) { return slot.set(color); }, TextFieldProps: {
+            helperText: slot.description,
+            fullWidth: true,
+        } }));
 }
-
-ColorEditorSlot.propTypes = {
-  slot: _propTypes.default.shape({
-    name: _propTypes.default.string.isRequired,
-    description: _propTypes.default.string,
-    value: _propTypes.default.string.isRequired,
-    set: _propTypes.default.func.isRequired
-  }).isRequired
-};
-
-var _default = (0, _mobxReact.observer)(ColorEditorSlot);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(ColorEditorSlot);
+//# sourceMappingURL=ColorEditor.js.map

package/dist/ConfigurationEditorWidget/components/ColorEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/ColorEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,yCAAqC;AACrC,0CAAyC;AAGzC,IAAM,WAAW,GAAG,IAAA,YAAI,EAAC,cAAM,wEAAO,eAAe,QAAtB,CAAuB,CAAC,CAAA;AAEvD,4EAA4E;AAC5E,sDAAsD;AACtD,SAAS,cAAc,CAAC,KAAY;IAClC,IAAI,KAAK,YAAY,MAAM,EAAE;QACrB,IAAA,KAAiB,KAAiB,EAAhC,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,CAAC,OAAsB,CAAA;QACxC,OAAO,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,cAAO,CAAC,cAAI,CAAC,cAAI,CAAC,MAAG,CAAC,CAAC,CAAC,eAAQ,CAAC,cAAI,CAAC,cAAI,CAAC,cAAI,CAAC,MAAG,CAAA;KAC7E;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAEM,IAAM,SAAS,GAAG,UAAC,KAQzB;IACS,IAAA,KAA8D,KAAK,MAArD,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,KAA8C,KAAK,MAAzC,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,KAAkC,KAAK,eAApB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACrE,IAAA,KAAA,OAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,OAAO,CACL;QACE,8BAAC,oBAAS,aACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE;gBACV,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK;oBACZ,gBAAgB,EAAE,MAAM;oBACxB,gBAAgB,EAAE,OAAO;oBACzB,gBAAgB,EAAE,KAAK;iBACxB;aACF,EACD,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACvC,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAC3C,cAAc,EAClB;QACD,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,eAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,0CAAO;YAC/B,8BAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAnC,CAAmC,GACtD,CACa,CAClB,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,SAAS,aAuCrB;AAED,SAAS,eAAe,CAAC,KAOxB;IACS,IAAA,IAAI,GAAK,KAAK,KAAV,CAAU;IACtB,OAAO,CACL,8BAAC,iBAAS,IACR,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAf,CAAe,EAClC,cAAc,EAAE;YACd,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,SAAS,EAAE,IAAI;SAChB,GACD,CACH,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,eAAe,CAAC,CAAA"}

package/dist/ConfigurationEditorWidget/components/ColorPicker.d.ts

@@ -1,14 +1,7 @@
 /// <reference types="react" />
-import ReactPropTypes from 'prop-types';
 import { Color, ColorResult } from 'react-color';
 export declare function ColorPicker(props: {
     color: Color;
     onChange: (color: ColorResult) => void;
 }): JSX.Element;
-export declare namespace ColorPicker {
-    var propTypes: {
-        color: ReactPropTypes.Validator<string>;
-        onChange: ReactPropTypes.Validator<(...args: any[]) => any>;
-    };
-}
 export default ColorPicker;

package/dist/ConfigurationEditorWidget/components/ColorPicker.js

@@ -1,72 +1,69 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.ColorPicker = ColorPicker;
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactColor = require("react-color");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var useStyles = (0, _styles.makeStyles)({
-  popover: {
-    position: 'absolute',
-    zIndex: 2
-  },
-  cover: {
-    position: 'fixed',
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPicker = void 0;
+var react_1 = __importStar(require("react"));
+var mui_1 = require("tss-react/mui");
+var react_color_1 = require("react-color");
+var useStyles = (0, mui_1.makeStyles)()({
+    popover: {
+        position: 'absolute',
+        zIndex: 2,
+    },
+    cover: {
+        position: 'fixed',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+    },
 });
-
 function ColorPicker(props) {
-  var color = props.color,
-      onChange = props.onChange;
-  var classes = useStyles();
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      displayColorPicker = _useState2[0],
-      setDisplayColorPicker = _useState2[1];
-
-  var handleClose = function handleClose() {
-    setDisplayColorPicker(false);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", null, displayColorPicker ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.popover
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "presentation",
-    className: classes.cover,
-    onClick: handleClose
-  }), /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
-    color: color,
-    onChange: onChange
-  })) : null);
+    var color = props.color, onChange = props.onChange;
+    var classes = useStyles().classes;
+    var _a = __read((0, react_1.useState)(true), 2), displayColorPicker = _a[0], setDisplayColorPicker = _a[1];
+    return (react_1.default.createElement("div", null, displayColorPicker ? (react_1.default.createElement("div", { className: classes.popover },
+        react_1.default.createElement("div", { role: "presentation", className: classes.cover, onClick: function () { return setDisplayColorPicker(false); } }),
+        react_1.default.createElement(react_color_1.ChromePicker, { color: color, onChange: onChange }))) : null));
 }
-
-ColorPicker.propTypes = {
-  color: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired
-};
-var _default = ColorPicker;
-exports.default = _default;
+exports.ColorPicker = ColorPicker;
+exports.default = ColorPicker;
+//# sourceMappingURL=ColorPicker.js.map

package/dist/ConfigurationEditorWidget/components/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,qCAA0C;AAC1C,2CAA8D;AAE9D,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACV;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAA;AAEF,SAAgB,WAAW,CAAC,KAG3B;IACS,IAAA,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACzB,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IACzB,IAAA,KAAA,OAA8C,IAAA,gBAAQ,EAAC,IAAI,CAAC,IAAA,EAA3D,kBAAkB,QAAA,EAAE,qBAAqB,QAAkB,CAAA;IAElE,OAAO,CACL,2CACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uCAAK,SAAS,EAAE,OAAO,CAAC,OAAO;QAC7B,uCACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,cAAM,OAAA,qBAAqB,CAAC,KAAK,CAAC,EAA5B,CAA4B,GAC3C;QACF,8BAAC,0BAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC9C,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC;AAtBD,kCAsBC;AAED,kBAAe,WAAW,CAAA"}

package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.d.ts

@@ -1,4 +1,8 @@
+/// <reference types="react" />
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+declare const ConfigurationEditor: ({ model }: {
+    model: {
+        target: AnyConfigurationModel;
+    };
+}) => JSX.Element;
 export default ConfigurationEditor;
-declare function ConfigurationEditor({ model }: {
-    model: any;
-}): JSX.Element;