redux-connected-devtools 0.0.13 → 1.0.2

package/lib/components/Dispatcher/Dispatcher.css

@@ -1,15 +0,0 @@
-.__devtools__Dispatcher-container {
-  padding: 18px 15px;
-  max-height: 365px;
-  overflow: auto;
-  background-color: #eee;
-}
-.__devtools__Dispatcher-container button {
-  margin: 3px;
-}
-.__devtools__Dispatcher-container.wide {
-  max-height: 720px;
-  padding: 25px 40px;
-}
-
-/*# sourceMappingURL=Dispatcher.css.map */

package/lib/components/Dispatcher/Dispatcher.css.map

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

package/lib/components/Dispatcher/Dispatcher.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type DispatcherProps = {
-    storeState: any;
-    isWide?: boolean;
-    onClose?: () => void;
-};
-export declare function Dispatcher(props: DispatcherProps): JSX.Element;
-export default Dispatcher;

package/lib/components/Dispatcher/Dispatcher.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dispatcher = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Group_1 = tslib_1.__importDefault(require("../Group/Group"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var redux_store_generator_1 = require("redux-store-generator");
-var dispatcherActions = tslib_1.__importStar(require("../../data/dispatcherActions"));
-var react_use_1 = require("react-use");
-var redux_store_generator_2 = require("redux-store-generator");
-var Panel_1 = tslib_1.__importDefault(require("../Panel/Panel"));
-var react_redux_1 = require("react-redux");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function Dispatcher(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var _a = react_use_1.useSetState({}), requests = _a[0], setRequests = _a[1];
-    var _b = props.isWide, isWide = _b === void 0 ? false : _b, storeState = props.storeState;
-    var actions = redux_store_generator_1.generateActionsForStore(storeState);
-    var nodeTypes = redux_store_generator_2.analyzeStructure(storeState);
-    function dispatchAction(nodeName, verbType, actionParams) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var node, actionCreator, action;
-            var _a, _b;
-            return tslib_1.__generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        node = actions[nodeName];
-                        actionCreator = node[verbType];
-                        action = actionCreator.apply(null, actionParams);
-                        setRequests((_a = {},
-                            _a[nodeName + "_" + verbType] = true,
-                            _a));
-                        return [4 /*yield*/, dispatch(action)];
-                    case 1:
-                        _c.sent();
-                        setRequests((_b = {},
-                            _b[nodeName + "_" + verbType] = false,
-                            _b));
-                        return [2 /*return*/];
-                }
-            });
-        });
-    }
-    function renderAction(nodeName, verbType, actionParams) {
-        var disabled = requests[nodeName + "_" + verbType];
-        return (React.createElement("button", { onClick: function () { return dispatchAction(nodeName, verbType, actionParams); }, key: verbType, disabled: disabled }, verbType));
-    }
-    function renderActions(nodeName) {
-        var nodeType = nodeTypes[nodeName];
-        var actions = dispatcherActions[nodeType];
-        var buttons = Object.keys(actions).map(function (verbType) {
-            var actionParams = actions[verbType];
-            return renderAction(nodeName, verbType, actionParams);
-        });
-        return buttons;
-    }
-    var className = classnames_1.default(prefix_1.default + "Dispatcher-container", {
-        wide: isWide,
-    });
-    return (React.createElement(Panel_1.default, { id: "dispatcher", zIndex: 999, onClose: props.onClose },
-        React.createElement("div", { className: className }, Object.keys(nodeTypes).map(function (nodeName) { return (React.createElement(Group_1.default, { key: nodeName, title: nodeName, isWide: isWide, fluid: true },
-            React.createElement(React.Fragment, null, renderActions(nodeName)))); }))));
-}
-exports.Dispatcher = Dispatcher;
-exports.default = Dispatcher;

package/lib/components/GlobalSettings/GlobalSettings.css

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

package/lib/components/GlobalSettings/GlobalSettings.css.map

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

package/lib/components/GlobalSettings/GlobalSettings.d.ts

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

package/lib/components/GlobalSettings/GlobalSettings.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalSettings = 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 selectors = tslib_1.__importStar(require("../../selectors/selectors"));
-var react_redux_1 = require("react-redux");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function GlobalSettings(props) {
-    var isWide = props.isWide;
-    var settingsAndStats = react_redux_1.useSelector(selectors.$settingsAndStats);
-    var className = classnames_1.default(prefix_1.default + "GlobalSettings-container", {
-        wide: isWide,
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement(Json_1.default, { value: settingsAndStats })));
-}
-exports.GlobalSettings = GlobalSettings;
-exports.default = GlobalSettings;

package/lib/components/Group/Group.css

@@ -1,41 +0,0 @@
-.__devtools__Group-container {
-  min-height: 123px;
-  max-height: 123px;
-  overflow: hidden;
-}
-.__devtools__Group-container .title {
-  background-color: rgba(255, 255, 255, 0.1);
-  width: 101px;
-  height: 20px;
-  line-height: 20px;
-  font-size: 13px;
-  text-align: center;
-  transform: translateX(-100px) translateY(21px) rotate(-90deg);
-  transform-origin: top right;
-}
-.__devtools__Group-container .items {
-  height: 105px;
-  background-color: rgba(255, 255, 255, 0.05);
-  border-radius: 10px;
-  padding: 5px 0 5px 26px;
-}
-.__devtools__Group-container.fluid {
-  min-height: unset;
-  max-height: none;
-  margin-bottom: 20px;
-}
-.__devtools__Group-container.fluid .title {
-  border-radius: 10px 10px 0 0;
-  width: 100%;
-  height: 23px;
-  line-height: 23px;
-  font-size: 14px;
-  transform: none;
-}
-.__devtools__Group-container.fluid .items {
-  border-radius: 0 0 10px 10px;
-  height: auto;
-  padding: 10px 20px 12px 20px;
-}
-
-/*# sourceMappingURL=Group.css.map */

package/lib/components/Group/Group.css.map

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

package/lib/components/Group/Group.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare type GroupProps = {
-    title: string;
-    isWide?: boolean;
-    fluid?: boolean;
-    children: JSX.Element;
-};
-export declare function Group(props: GroupProps): JSX.Element;
-export default Group;

package/lib/components/Group/Group.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Group = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function Group(props) {
-    var title = props.title, isWide = props.isWide, fluid = props.fluid;
-    var className = classnames_1.default(prefix_1.default + "Group-container", {
-        wide: isWide,
-        fluid: fluid,
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement("div", { className: "title" }, title),
-        React.createElement("div", { className: "items" }, props.children)));
-}
-exports.Group = Group;
-exports.default = Group;

package/lib/components/Json/Json.css

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

package/lib/components/Json/Json.css.map

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

package/lib/components/Json/Json.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare type JsonProps = {
-    value: any;
-    collapsed?: boolean;
-};
-export declare function Json(props: JsonProps): JSX.Element;
-export default Json;

package/lib/components/Json/Json.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Json = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_json_view_1 = tslib_1.__importDefault(require("react-json-view"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function Json(props) {
-    var value = props.value, collapsed = props.collapsed;
-    return (React.createElement("div", { className: prefix_1.default + "Json-container" },
-        React.createElement(react_json_view_1.default, { src: value, collapsed: collapsed, enableClipboard: false, displayObjectSize: false, displayDataTypes: false, theme: 'monokai' })));
-}
-exports.Json = Json;
-exports.default = Json;

package/lib/components/Logs/Logs.css

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

package/lib/components/Logs/Logs.css.map

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

package/lib/components/Logs/Logs.d.ts

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

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 : 325;
-    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('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,3 +0,0 @@
-
-
-/*# sourceMappingURL=Monitor.css.map */

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

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","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,57 +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 date_fns_1 = require("date-fns");
-var redux_connected_1 = require("redux-connected");
-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 : 325;
-    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, checked) {
-        var sagaId = saga.id;
-        var action = 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 */