@cubejs-client/playground 0.34.43 → 0.34.50

package/lib/components/Settings/Settings.js

@@ -5,21 +5,28 @@ import { useState } from 'react';
 import Axes from '../Pivot/Axes';
 import Options from '../Pivot/Options';
 import OrderGroup from '../Order/OrderGroup';
-import { Button, Popover } from '../../atoms';
+import { ButtonDropdown } from '../../QueryBuilder/ButtonDropdown';
+import styled from 'styled-components';
+const PivotPopover = styled.div `
+  background: #fff;
+  width: 450px;
+`;
 export default function Settings({ pivotConfig, orderMembers, limit: initialLimit, disabled, onMove, onUpdate, onReorder, onOrderChange, isQueryPresent, }) {
+    const [pivotShown, setPivotShown] = useState(false);
+    const [orderShown, setOrderShown] = useState(false);
+    const [limitShown, setLimitShown] = useState(false);
     const [limit, setLimit] = useState(initialLimit);
-    const [isLimitPopoverVisible, setIsLimitPopoverVisible] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(Text, { style: { lineHeight: '32px' }, children: "Settings:" }), _jsx(Popover, { content: pivotConfig === null ? (_jsx(Spin, {})) : (_jsxs("div", { "data-testid": "pivot-popover", children: [_jsx(Axes, { pivotConfig: pivotConfig, onMove: onMove }), _jsx(Divider, { style: { margin: 0 } }), _jsx("div", { style: { padding: '8px' }, children: _jsx(Options, { pivotConfig: pivotConfig, onUpdate: onUpdate }) })] })), placement: "bottomLeft", trigger: "click", children: _jsx(Button, { "data-testid": "pivot-btn", disabled: !isQueryPresent || disabled, style: { border: 0 }, children: "Pivot" }) }), _jsx(Popover, { content: _jsx("div", { style: {
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { style: { lineHeight: '32px' }, children: "Settings:" }), _jsx(ButtonDropdown, { show: pivotShown, disabled: !isQueryPresent || disabled, style: { border: 0 }, overlay: pivotConfig === null ? (_jsx(Spin, {})) : (_jsxs(PivotPopover, { "data-testid": "pivot-popover", children: [_jsx(Axes, { pivotConfig: pivotConfig, onMove: onMove }), _jsx(Divider, { style: { margin: 0 } }), _jsx("div", { style: { padding: '8px' }, children: _jsx(Options, { pivotConfig: pivotConfig, onUpdate: onUpdate }) })] })), onOverlayOpen: () => setPivotShown(true), onOverlayClose: () => setPivotShown(false), children: "Pivot" }), _jsx(ButtonDropdown, { "data-testid": "order-btn", show: orderShown, disabled: !isQueryPresent || disabled, style: { border: 0 }, overlay: _jsx("div", { style: {
                         padding: '8px',
                         paddingBottom: 1,
-                    }, children: _jsx(OrderGroup, { orderMembers: orderMembers, onReorder: onReorder, onOrderChange: onOrderChange }) }), placement: "bottomLeft", trigger: "click", children: _jsx(Button, { "data-testid": "order-btn", disabled: !isQueryPresent || disabled, style: { border: 0 }, children: "Order" }) }), _jsx(Popover, { visible: isLimitPopoverVisible, content: _jsx("div", { style: { padding: '8px' }, children: _jsxs("label", { children: ["Limit", ' ', _jsx(InputNumber, { prefix: "Limit", type: "number", value: limit, step: 500, min: 0, onChange: setLimit, onPressEnter: () => {
-                                    onUpdate({ limit });
-                                    setIsLimitPopoverVisible(false);
-                                } })] }) }), placement: "bottomLeft", trigger: "click", onVisibleChange: (visible) => {
-                    setIsLimitPopoverVisible(visible);
-                    if (!visible) {
-                        onUpdate({ limit });
-                    }
-                }, children: _jsx(Button, { "data-testid": "limit-btn", disabled: !isQueryPresent || disabled, style: { border: 0 }, children: "Limit" }) })] }));
+                        width: 400,
+                        backgroundColor: '#fff',
+                    }, children: _jsx(OrderGroup, { orderMembers: orderMembers, onReorder: onReorder, onOrderChange: onOrderChange }) }), onOverlayOpen: () => setOrderShown(true), onOverlayClose: () => setOrderShown(false), children: "Order" }), _jsx(ButtonDropdown, { "data-testid": "limit-btn", show: limitShown, disabled: !isQueryPresent || disabled, style: { border: 0 }, overlay: _jsx("div", { style: {
+                        padding: '8px',
+                        background: 'white',
+                    }, children: _jsx("label", { children: _jsx(InputNumber, { prefix: "Limit", type: "number", value: limit, step: 500, min: 0, onChange: setLimit, onPressEnter: () => {
+                                onUpdate({ limit });
+                                setLimitShown(false);
+                            } }) }) }), onOverlayOpen: () => setLimitShown(true), onOverlayClose: () => setLimitShown(false), children: "Limit" })] }));
 }
 //# sourceMappingURL=Settings.js.map

package/lib/components/Settings/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../../src/components/Settings/Settings.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../../src/components/Settings/Settings.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cubejs-client/playground",
   "author": "Cube Dev, Inc.",
-  "version": "0.34.43",
+  "version": "0.34.50",
   "engines": {},
   "repository": {
     "type": "git",
@@ -61,7 +61,7 @@
     "@ant-design/compatible": "^1.0.2",
     "@ant-design/icons": "^4.7.0",
     "@cubejs-client/core": "^0.34.37",
-    "@cubejs-client/react": "^0.34.37",
+    "@cubejs-client/react": "^0.34.46",
     "@types/flexsearch": "^0.7.3",
     "@types/node": "^14",
     "@types/react": "^17.0.3",
@@ -100,5 +100,5 @@
     "react-dom": ">=17.0.1",
     "styled-components": ">=5.2.0"
   },
-  "gitHead": "acd6f785398cb216c4c5b8173ccadf13f320ddc4"
+  "gitHead": "2b8fd84b0f3ab29c0dd084340898767604e06ad0"
 }