redux-connected-devtools 0.0.15 → 1.0.0

package/lib/components/Logs/Logs.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Logs = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var redux_connected_1 = require("redux-connected");
-var VirtualList_1 = tslib_1.__importDefault(require("../VirtualList/VirtualList"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
-var Preview_1 = require("../Preview/Preview");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-var now = new Date().getTime();
-function Logs(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var readings = redux_connected_1.useMonitor({}, function (action) { return action.type === 'LOG'; })[0];
-    function onClick(reading) {
-        var action = reading.action;
-        var log = action.payload;
-        dispatch(Preview_1.preview(log, 'log'));
-    }
-    var isWide = props.isWide;
-    var className = classnames_1.default(prefix_1.default + "Logs-container", prefix_1.default + "Rows-container", {
-        wide: isWide,
-    });
-    var height = isWide ? 735 : 395;
-    return (React.createElement("div", { className: className },
-        React.createElement(VirtualList_1.default, { className: className, items: readings, height: height, onClick: onClick }, LowRow)));
-}
-exports.Logs = Logs;
-var LowRow = function (props) {
-    var index = props.index;
-    var listItem = props.data[index];
-    var reading = listItem.item;
-    var action = reading.action;
-    var payload = action.payload;
-    var _a = payload || {}, meta = _a.meta, message = _a.message;
-    var shortId = meta.shortId, createdTS = meta.createdTS, sequence = meta.sequence;
-    var className = classnames_1.default(prefix_1.default + "Reading-container", {});
-    var delta = ((createdTS - now) / 1000).toFixed(2);
-    var data = redux_connected_1.clearMeta(payload || {});
-    delete data['message'];
-    return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick },
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "sequence" }, sequence),
-                React.createElement("div", { className: "message" }, message)),
-            React.createElement("div", { className: "description" }, JSON.stringify(data))),
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "timestamp" },
-                "+",
-                delta),
-            React.createElement("div", { className: "id" }, shortId))));
-};
-exports.default = Logs;

package/lib/components/Monitor/Monitor.css

@@ -1,5 +0,0 @@
-.__devtools__Monitor-container {
-  flex: 1;
-}
-
-/*# sourceMappingURL=Monitor.css.map */

package/lib/components/Monitor/Monitor.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Monitor/Monitor.scss"],"names":[],"mappings":"AAEA;EACI","file":"Monitor.css"}

package/lib/components/Monitor/Monitor.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare type MonitorProps = {
-    isWide: boolean;
-};
-export declare function Monitor(props: MonitorProps): JSX.Element;
-export default Monitor;

package/lib/components/Monitor/Monitor.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Monitor = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var redux_connected_1 = require("redux-connected");
-var date_fns_1 = require("date-fns");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var VirtualList_1 = tslib_1.__importDefault(require("../VirtualList/VirtualList"));
-var selectors = tslib_1.__importStar(require("../../selectors/selectors"));
-var Preview_1 = require("../Preview/Preview");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-var Toggle_1 = tslib_1.__importDefault(require("../Toggle/Toggle"));
-function Monitor(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var isWide = props.isWide;
-    var sagas = react_redux_1.useSelector(selectors.$sagas);
-    function onClick(item) {
-        dispatch(Preview_1.preview(item, 'process'));
-    }
-    var className = classnames_1.default(prefix_1.default + "Monitor-container", prefix_1.default + "Rows-container", {
-        wide: isWide,
-    });
-    var height = isWide ? 735 : 395;
-    return (React.createElement(VirtualList_1.default, { className: className, items: sagas, height: height, onClick: onClick }, SagaRow));
-}
-exports.Monitor = Monitor;
-var SagaRow = function (props) {
-    var dispatch = react_redux_1.useDispatch();
-    var index = props.index;
-    var listItem = props.data[index];
-    var saga = listItem.item;
-    var distanceStart = date_fns_1.formatDistance(new Date(), new Date(saga.startedTS || 0));
-    var distanceStopped = date_fns_1.formatDistance(new Date(), new Date(saga.stoppedTS || 0));
-    var distance = saga.isRunning ? distanceStart : distanceStopped;
-    function onChange(ev) {
-        var sagaId = saga.id;
-        var action = ev.target.checked
-            ? redux_connected_1.startSaga({ sagaId: sagaId })
-            : redux_connected_1.stopSaga({ sagaId: sagaId });
-        dispatch(action);
-    }
-    var className = classnames_1.default(prefix_1.default + "Reading-container", {
-        disabled: !saga.isRunning,
-    });
-    return (React.createElement("div", { className: className, key: saga.id, style: props.style, onClick: listItem.onClick },
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "title" },
-                saga.id,
-                " ",
-                React.createElement("span", { className: "timeAgo" },
-                    distance,
-                    " ago")),
-            React.createElement("div", { className: "description", title: saga.description }, saga.description)),
-        React.createElement("div", { className: "col" },
-            React.createElement(Toggle_1.default, { defaultChecked: !!saga.isRunning, onChange: onChange }))));
-};
-exports.default = Monitor;

package/lib/components/OverlayManager/OverlayManager.css

@@ -1,72 +0,0 @@
-.__devtools__OverlayManager-container {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: transparent;
-  animation-name: bk;
-  animation-duration: 50ms;
-  animation-fill-mode: forwards;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  z-index: 99999;
-  color: #eee;
-}
-.__devtools__OverlayManager-container > .content {
-  margin: auto;
-  width: calc(350px + 750px + 350px + 5px * 4 + 2px);
-  height: calc(800px + 18px);
-  display: grid;
-  grid-template-columns: 350px 750px 350px;
-  grid-template-rows: 400px 400px;
-  border-radius: 3px;
-  overflow: hidden;
-  gap: 5px;
-  padding: 5px;
-  animation-name: reveal;
-  animation-duration: 50ms;
-  animation-fill-mode: forwards;
-  background-color: #272822;
-  background-image: linear-gradient(rgba(255, 255, 255, 0.01) 0.1em, transparent 0.1em), linear-gradient(90deg, rgba(255, 255, 255, 0.01) 0.1em, transparent 0.1em);
-  background-size: 25px 25px;
-}
-.__devtools__OverlayManager-container > .content .area.area-1 {
-  grid-area: 1/1/2/2;
-}
-.__devtools__OverlayManager-container > .content .area.area-center {
-  grid-area: 1/2/3/3;
-}
-.__devtools__OverlayManager-container > .content .area.area-2 {
-  grid-area: 1/3/2/4;
-}
-.__devtools__OverlayManager-container > .content .area.area-3 {
-  grid-area: 2/1/3/2;
-}
-.__devtools__OverlayManager-container > .content .area.area-4 {
-  grid-area: 2/3/3/4;
-}
-
-@keyframes bk {
-  0% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  100% {
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-}
-@keyframes reveal {
-  0% {
-    opacity: 0;
-    position: relative;
-    top: 20px;
-  }
-  100% {
-    opacity: 1;
-    position: relative;
-    top: 0;
-  }
-}
-
-/*# sourceMappingURL=OverlayManager.css.map */

package/lib/components/OverlayManager/OverlayManager.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/OverlayManager/OverlayManager.scss"],"names":[],"mappings":"AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGI;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAMhB;EACI;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA","file":"OverlayManager.css"}

package/lib/components/OverlayManager/OverlayManager.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare type OverlayManagerProps = {
-    onClose: () => void;
-};
-export declare function OverlayManager(props: OverlayManagerProps): JSX.Element;
-export default OverlayManager;

package/lib/components/OverlayManager/OverlayManager.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayManager = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_use_1 = require("react-use");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-var TaskManager_1 = require("../TaskManager/TaskManager");
-function OverlayManager(props) {
-    var ref = React.useRef(null);
-    react_use_1.useClickAway(ref, props.onClose);
-    react_use_1.useKey('Escape', props.onClose);
-    return (React.createElement("div", { className: prefix_1.default + "OverlayManager-container" },
-        React.createElement("div", { className: "content", ref: ref },
-            React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "preview", isWide: false, id: "1", className: "area area-1" }),
-            React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "redux", isWide: true, id: "center", className: "area area-center" }),
-            React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "visual", isWide: false, id: "2", className: "area area-2" }),
-            React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "apiStatus", isWide: false, id: "3", className: "area area-3" }),
-            React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "requests", isWide: false, id: "4", className: "area area-4" }))));
-}
-exports.OverlayManager = OverlayManager;
-exports.default = OverlayManager;

package/lib/components/Panel/Panel.css

@@ -1,35 +0,0 @@
-.__devtools__Panel-container {
-  position: fixed;
-  bottom: 20px;
-  right: 100px;
-  width: 350px;
-  height: 390px;
-  background-color: rgba(0, 0, 0, 0.1);
-  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
-  border: 1px solid #666;
-}
-.__devtools__Panel-container.wide {
-  width: 750px;
-  height: 800px;
-}
-.__devtools__Panel-container .handler {
-  background-color: #0078d4;
-  height: 22px;
-  padding: 0 3px;
-  cursor: move;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  color: white;
-}
-.__devtools__Panel-container .handler .icon {
-  margin: 3px;
-  font-size: 15px;
-  cursor: pointer;
-}
-.__devtools__Panel-container .handler .icon:hover {
-  color: gold;
-}
-
-/*# sourceMappingURL=Panel.css.map */

package/lib/components/Panel/Panel.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Panel/Panel.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI","file":"Panel.css"}

package/lib/components/Panel/Panel.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface PanelProps {
-    id: string;
-    children: JSX.Element;
-    onClose?: () => void;
-    onNew?: () => void;
-    onToggleSize?: (isWide: boolean) => void;
-    isWide?: boolean;
-    showDuplicate?: boolean;
-    showLock?: boolean;
-    zIndex?: number;
-}
-export declare function Panel(props: PanelProps): JSX.Element;
-export default Panel;

package/lib/components/Panel/Panel.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panel = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_draggable_1 = tslib_1.__importDefault(require("react-draggable"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var react_use_1 = require("react-use");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function Panel(props) {
-    var id = props.id, isWide = props.isWide, zIndex = props.zIndex;
-    var draggableRef = React.useRef(null); // https://stackoverflow.com/a/63603903
-    var _a = react_use_1.useLocalStorage("PANEL_OFFSET_" + id, { x: 0, y: 0 }), offset = _a[0], setOffset = _a[1], clearLocalStoragePosition = _a[2];
-    var className = classnames_1.default(prefix_1.default + "Panel-container", {
-        wide: isWide,
-    });
-    var right = 100;
-    var bottom = 20;
-    var docWidth = document.documentElement.clientWidth;
-    var docHeight = document.documentElement.clientHeight;
-    var boxWidth = isWide ? 750 : 350;
-    var boxHeight = isWide ? 800 : 390;
-    var corners = {
-        left: docWidth - boxWidth - right,
-        top: docHeight - boxHeight - bottom,
-    };
-    var bounds = {
-        top: -corners.top,
-        left: -corners.left,
-        right: right,
-        bottom: bottom,
-    };
-    var handler = isWide ? undefined : '.handler';
-    function onStop(_ev, data) {
-        var x = data.x, y = data.y;
-        setOffset({ x: x, y: y });
-    }
-    function onClose() {
-        clearLocalStoragePosition();
-        if (props.onClose) {
-            props.onClose();
-        }
-    }
-    return (React.createElement(react_draggable_1.default, { nodeRef: draggableRef, handle: handler, bounds: bounds, onStop: onStop, defaultPosition: offset },
-        React.createElement("div", { ref: draggableRef, className: className, style: { zIndex: zIndex } },
-            React.createElement("div", { className: "handler" },
-                React.createElement("div", { className: "close", onClick: onClose }, "X")),
-            props.children)));
-}
-exports.Panel = Panel;
-exports.default = Panel;

package/lib/components/Prefix copy.css

@@ -1,3 +0,0 @@
-
-
-/*# sourceMappingURL=Prefix%20copy.css.map */

package/lib/components/Prefix copy.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"Prefix%20copy.css"}

package/lib/components/Prefix.css

@@ -1,3 +0,0 @@
-
-
-/*# sourceMappingURL=Prefix.css.map */

package/lib/components/Prefix.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"Prefix.css"}

package/lib/components/Preview/Preview.css

@@ -1,29 +0,0 @@
-.__devtools__Preview-container {
-  padding: 10px 20px;
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-  flex: 1;
-  width: 350px;
-  height: 350px;
-  overflow: auto;
-}
-.__devtools__Preview-container.wide {
-  width: 750px;
-  height: 733px;
-}
-
-.__devtools__NoPreview-container {
-  flex: 1;
-  min-height: 280px;
-  padding: 20px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  font-size: 13px;
-  color: rgba(255, 255, 255, 0.5);
-  font-weight: 100;
-}
-
-/*# sourceMappingURL=Preview.css.map */

package/lib/components/Preview/Preview.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Preview/Preview.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"Preview.css"}

package/lib/components/Preview/Preview.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { Action } from 'redux-store-generator';
-import { Log, ApiRequest, SagaState } from 'redux-connected';
-export declare type PreviewType = 'request' | 'log' | 'process';
-declare type PreviewItem = ApiRequest | Log | SagaState;
-export declare type PreviewAction = Action & {
-    type: 'PREVIEW';
-    payload: {
-        item: PreviewItem;
-        previewType: PreviewType;
-    };
-};
-export declare const preview: (item: PreviewItem, previewType: PreviewType) => PreviewAction;
-declare type PreviewProps = {
-    isWide: boolean;
-};
-export declare function Preview(props: PreviewProps): JSX.Element;
-export default Preview;

package/lib/components/Preview/Preview.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Preview = exports.preview = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var Json_1 = tslib_1.__importDefault(require("../Json/Json"));
-var redux_connected_1 = require("redux-connected");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-var preview = function (item, previewType) { return ({
-    type: 'PREVIEW',
-    payload: {
-        item: item,
-        previewType: previewType,
-    },
-}); };
-exports.preview = preview;
-function Preview(props) {
-    var isWide = props.isWide;
-    var previews = redux_connected_1.useMonitor({ onlyLast: true }, function (action) { return action.type === 'PREVIEW'; })[0];
-    function renderInner(reading) {
-        if (!reading) {
-            return React.createElement(NoPreview, null);
-        }
-        var payload = reading.action.payload;
-        var _a = payload || {}, item = _a.item, previewType = _a.previewType;
-        switch (previewType) {
-            case 'request':
-                return React.createElement(PreviewRequest, { item: item });
-            case 'log':
-                return React.createElement(PreviewLog, { item: item });
-            case 'process':
-                return React.createElement(PreviewProcess, { item: item });
-        }
-    }
-    var className = classnames_1.default(prefix_1.default + "Preview-container", {
-        wide: isWide,
-    });
-    return React.createElement("div", { className: className }, renderInner(previews[0]));
-}
-exports.Preview = Preview;
-function NoPreview() {
-    return React.createElement("div", { className: prefix_1.default + "NoPreview-container" }, "No preview");
-}
-function PreviewRequest(props) {
-    var item = props.item;
-    var data = redux_connected_1.clearMeta(item);
-    data = redux_connected_1.clearActionP(data);
-    return (React.createElement("div", { className: prefix_1.default + "PreviewRequest-container" },
-        React.createElement(Json_1.default, { value: data })));
-}
-function PreviewLog(props) {
-    var item = props.item;
-    var data = redux_connected_1.clearMeta(item);
-    return (React.createElement("div", { className: prefix_1.default + "PreviewLog-container" },
-        React.createElement(Json_1.default, { value: data })));
-}
-function PreviewProcess(props) {
-    var item = props.item;
-    var data = redux_connected_1.clearMeta(item);
-    return (React.createElement("div", { className: prefix_1.default + "PreviewLog-container" },
-        React.createElement(Json_1.default, { value: data })));
-}
-exports.default = Preview;

package/lib/components/Reading.css

@@ -1,107 +0,0 @@
-.__devtools__Rows-container .__devtools__Reading-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 5px 10px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-.__devtools__Rows-container .__devtools__Reading-container .col:first-child {
-  flex: 1;
-}
-.__devtools__Rows-container .__devtools__Reading-container .col .row {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.__devtools__Rows-container .__devtools__Reading-container .path {
-  font-size: 17px;
-  color: #eee;
-  max-width: 180px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.__devtools__Rows-container .__devtools__Reading-container .sequence {
-  border: 1px solid #666;
-  color: #eee;
-  border-radius: 4px;
-  width: 20px;
-  text-align: center;
-  font-size: 11px;
-  margin-right: 5px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .badge {
-  padding: 0 3px;
-  background-color: #445;
-  border-radius: 4px;
-  text-align: center;
-  font-size: 11px;
-  margin-right: 5px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .message {
-  color: #777;
-  border-radius: 4px;
-  text-align: center;
-  font-size: 14px;
-  margin-right: 5px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .description {
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.6);
-  max-width: 260px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.__devtools__Rows-container .__devtools__Reading-container .description.short {
-  font-size: 11px;
-  max-width: 190px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .type {
-  font-size: 13px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .path {
-  color: #eee;
-}
-.__devtools__Rows-container .__devtools__Reading-container .timeAgo {
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.8);
-  color: gold;
-}
-.__devtools__Rows-container .__devtools__Reading-container .timestamp {
-  font-size: 13px;
-  color: #eee;
-  font-weight: 500;
-  font-family: monospace;
-  text-align: right;
-}
-.__devtools__Rows-container .__devtools__Reading-container .id {
-  font-size: 13px;
-  color: #eee;
-  font-family: monospace;
-  text-align: right;
-}
-.__devtools__Rows-container .__devtools__Reading-container.disabled .title {
-  color: rgba(255, 255, 255, 0.5);
-}
-.__devtools__Rows-container .__devtools__Reading-container.disabled .timestamp {
-  color: rgba(255, 255, 255, 0.3);
-}
-.__devtools__Rows-container .__devtools__Reading-container.disabled .description {
-  color: rgba(255, 255, 255, 0.3);
-}
-.__devtools__Rows-container.wide .__devtools__Reading-container .description {
-  max-width: 660px;
-}
-.__devtools__Rows-container.wide .__devtools__Reading-container .description.short {
-  font-size: 11px;
-  max-width: 190px;
-}
-.__devtools__Rows-container.selectable .__devtools__Reading-container {
-  cursor: pointer;
-}
-.__devtools__Rows-container.selectable .__devtools__Reading-container:hover {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-
-/*# sourceMappingURL=Reading.css.map */

package/lib/components/Reading.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Reading.scss"],"names":[],"mappings":"AAGI;EACI;EACA;EACA;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAOJ;EACI;;AAEA;EACI;EACA;;AAOZ;EACI;;AAEA;EACI","file":"Reading.css"}