@cubejs-client/playground 1.1.12 → 1.1.16

package/lib/QueryBuilderV2/components/SegmentFilter.d.ts

@@ -1,7 +1,14 @@
 import { TCubeSegment } from '@cubejs-client/core';
+import { MemberViewType } from '../types';
 interface MemberFilterProps {
     name: string;
     member: TCubeSegment;
+    memberName: string;
+    memberTitle?: string;
+    cubeName: string;
+    cubeTitle?: string;
+    memberViewType?: MemberViewType;
+    isMissing?: boolean;
     isCompact?: boolean;
     onRemove: () => void;
 }

package/lib/QueryBuilderV2/components/SegmentFilter.js

@@ -1,9 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Space, TooltipProvider } from '@cube-dev/ui-kit';
-import { DeleteFilterButton } from './DeleteFilterButton';
+import { Space, tasty } from '@cube-dev/ui-kit';
+import { useEvent } from '../hooks';
 import { FilterLabel } from './FilterLabel';
+import { FilterOptionsButton } from './FilterOptionsButton';
+const SegmentFilterWrapper = tasty(Space, {
+    qa: 'SegmentFilter',
+    styles: {
+        gap: '1x',
+        flow: 'row wrap',
+        placeItems: 'start',
+        radius: true,
+        fill: {
+            '': '#clear',
+            ':has(>[data-qa="FilterOptionsButton"][data-is-hovered])': '#light',
+        },
+        margin: '-.5x',
+        padding: '.5x',
+        width: 'max-content',
+    },
+});
 export function SegmentFilter(props) {
-    const { member, name, isCompact, onRemove } = props;
-    return (_jsxs(Space, { gap: "1x", placeItems: "center", children: [_jsx(TooltipProvider, { title: "Delete this filter", children: _jsx(DeleteFilterButton, { onPress: onRemove }) }), _jsx(FilterLabel, { isCompact: isCompact, isMissing: !member, type: "filter", member: "segment", name: name })] }));
+    const { member, cubeName, cubeTitle, memberName, memberTitle, memberViewType, name, isMissing, isCompact, onRemove, } = props;
+    const onAction = useEvent((key) => {
+        switch (key) {
+            case 'remove':
+                onRemove();
+                break;
+            default:
+                break;
+        }
+    });
+    return (_jsxs(SegmentFilterWrapper, { children: [_jsx(FilterOptionsButton, { type: "dateRange", onAction: onAction }), _jsx(FilterLabel, { isCompact: isCompact, isMissing: isMissing, memberName: memberName, memberTitle: memberTitle, cubeName: cubeName, cubeTitle: cubeTitle, memberViewType: memberViewType, type: "filter", member: "segment", name: name })] }));
 }
 //# sourceMappingURL=SegmentFilter.js.map

package/lib/QueryBuilderV2/components/SegmentFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentFilter.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/SegmentFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,MAAM,UAAU,aAAa,CAAC,KAAwB;IACpD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,aACjC,KAAC,eAAe,IAAC,KAAK,EAAC,oBAAoB,YACzC,KAAC,kBAAkB,IAAC,OAAO,EAAE,QAAQ,GAAI,GACzB,EAClB,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,MAAM,EAClB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,SAAS,EAChB,IAAI,EAAE,IAAI,GACV,IACI,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SegmentFilter.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/SegmentFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAuB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAejF,MAAM,oBAAoB,GAAG,KAAK,CAAC,KAAK,EAAE;IACxC,EAAE,EAAE,eAAe;IACnB,MAAM,EAAE;QACN,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE;YACJ,EAAE,EAAE,QAAQ;YACZ,yDAAyD,EAAE,QAAQ;SACpE;QACD,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,aAAa;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,aAAa,CAAC,KAAwB;IACpD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,cAAc,EACd,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAwB,EAAE,EAAE;QACrD,QAAQ,GAAG,EAAE;YACX,KAAK,QAAQ;gBACX,QAAQ,EAAE,CAAC;gBACX,MAAM;YACR;gBACE,MAAM;SACT;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,oBAAoB,eACnB,KAAC,mBAAmB,IAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAE,QAAQ,GAAI,EAE5D,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,SAAS,EAChB,IAAI,EAAE,IAAI,GACV,IACmB,CACxB,CAAC;AACJ,CAAC"}

package/lib/QueryBuilderV2/components/SidePanelCubeItem.d.ts

@@ -1,16 +1,15 @@
 interface CubeListItemProps {
     isOpen: boolean;
-    name: string;
+    cubeName: string;
     showStats?: boolean;
     filterString?: string;
-    isFiltered?: boolean;
     isPrivate?: boolean;
-    isSelected?: boolean;
     isNonJoinable?: boolean;
     rightIcon?: 'arrow' | 'plus' | null;
     mode?: 'all' | 'query';
     onToggle?: (isOpen: boolean) => void;
-    onMemberToggle?: (name: string) => void;
+    onMemberToggle: (name: string, cube?: string) => void;
+    onHierarchyToggle?: (name?: string) => void;
 }
-export declare function SidePanelCubeItem({ isOpen, name, mode, isFiltered, isNonJoinable, isSelected, onToggle, filterString, onMemberToggle, }: CubeListItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SidePanelCubeItem(props: CubeListItemProps): import("react/jsx-runtime").JSX.Element | null;
 export {};