@cubejs-client/playground 1.1.6 → 1.1.16

package/lib/QueryBuilderV2/components/ListButton.js

@@ -14,8 +14,9 @@ export const ListButton = tasty(Button, {
             disabled: '#purple',
         },
         placeContent: 'space-between',
-        gridTemplateColumns: 'auto 1fr auto',
+        gridTemplateColumns: 'auto minmax(0, 1fr) auto',
         textAlign: 'left',
+        padding: '(.75x - 1bw) (0.75x - 1bw) (.75x - 1bw) (1.25x - 1bw)',
     },
 });
 //# sourceMappingURL=ListButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListButton.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/ListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAE;IACtC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,OAAO,EAAE;YACP,EAAE,EAAE,GAAG;YACP,QAAQ,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACN,EAAE,EAAE,QAAQ;YACZ,uBAAuB,EAAE,WAAW;YACpC,QAAQ,EAAE,SAAS;SACpB;QACD,YAAY,EAAE,eAAe;QAC7B,mBAAmB,EAAE,eAAe;QACpC,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC"}
+{"version":3,"file":"ListButton.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/ListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAE;IACtC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,OAAO,EAAE;YACP,EAAE,EAAE,GAAG;YACP,QAAQ,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACN,EAAE,EAAE,QAAQ;YACZ,uBAAuB,EAAE,WAAW;YACpC,QAAQ,EAAE,SAAS;SACpB;QACD,YAAY,EAAE,eAAe;QAC7B,mBAAmB,EAAE,0BAA0B;QAC/C,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,uDAAuD;KACjE;CACF,CAAC,CAAC"}

package/lib/QueryBuilderV2/components/ListCube.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Space, tasty, Text, TooltipProvider, ViewIcon, CubeIcon } from '@cube-dev/ui-kit';
 import { PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
-import { ArrowIcon } from '../icons/ArrowIcon';
+import { ChevronIcon } from '../icons/ChevronIcon';
 import { NonPublicIcon } from '../icons/NonPublicIcon';
 import { ListButton } from './ListButton';
 import { MemberBadge } from './Badge';
@@ -17,6 +17,6 @@ const CubeListButton = tasty(ListButton, {
     },
 });
 export function ListCube({ name, title, description, type = 'cube', stats, rightIcon = 'arrow', isMissing, isDisabled, isPrivate, isSelected, onItemSelect, }) {
-    return (_jsx(TooltipProvider, { title: _jsxs(_Fragment, { children: [_jsx("b", { children: title || name }), description ? _jsxs(_Fragment, { children: [" \u2013 ", description] }) : undefined] }), placement: "right", children: _jsxs(CubeListButton, { qa: `Playground-${name}`, icon: isMissing ? (_jsx(QuestionCircleOutlined, { style: { color: 'var(--danger-text-color)' } })) : type === 'cube' ? (_jsx(CubeIcon, { color: "#purple" })) : (_jsx(ViewIcon, { color: "#purple" })), type: isSelected ? 'outline' : 'clear', isDisabled: isDisabled, mods: { selected: isSelected, missing: isMissing }, rightIcon: !isMissing ? (rightIcon === 'arrow' ? (_jsx(ArrowIcon, { direction: !isSelected ? 'right' : 'top', style: { color: 'var(--purple-color)' } })) : rightIcon === 'plus' ? (_jsx(PlusOutlined, { style: { color: 'var(--purple-color)' } })) : undefined) : undefined, onPress: () => !isMissing && onItemSelect?.(), children: [_jsx(Text, { ellipsis: true, children: name }), stats && (_jsxs(Space, { gap: ".5x", children: [stats.measures?.length ? (_jsx(MemberBadge, { type: "measure", children: stats.measures.length })) : undefined, stats.dimensions?.length ? (_jsx(MemberBadge, { type: "dimension", children: stats.dimensions.length })) : undefined, stats?.timeDimensions?.length ? (_jsx(MemberBadge, { type: "timeDimension", children: stats.timeDimensions.length })) : undefined, stats.segments?.length ? (_jsx(MemberBadge, { type: "segment", children: stats.segments.length })) : undefined, stats.filters?.length ? (_jsx(MemberBadge, { type: "filter", children: stats.filters.length })) : undefined] })), isPrivate ? _jsx(NonPublicIcon, { type: "cube" }) : undefined] }) }));
+    return (_jsx(TooltipProvider, { title: _jsxs(_Fragment, { children: [_jsx("b", { children: title || name }), description ? _jsxs(_Fragment, { children: [" \u2013 ", description] }) : undefined] }), width: "max-content", placement: "right", children: _jsxs(CubeListButton, { qa: `Playground-${name}`, icon: isMissing ? (_jsx(QuestionCircleOutlined, { style: { color: 'var(--danger-text-color)' } })) : type === 'cube' ? (_jsx(CubeIcon, { color: "#purple" })) : (_jsx(ViewIcon, { color: "#purple" })), type: isSelected ? 'outline' : 'clear', isDisabled: isDisabled, mods: { selected: isSelected, missing: isMissing }, rightIcon: !isMissing ? (rightIcon === 'arrow' ? (_jsx(ChevronIcon, { direction: !isSelected ? 'right' : 'top', style: { color: 'var(--purple-color)' } })) : rightIcon === 'plus' ? (_jsx(PlusOutlined, { style: { color: 'var(--purple-color)' } })) : undefined) : undefined, onPress: () => !isMissing && onItemSelect?.(), children: [_jsx(Text, { ellipsis: true, children: name }), stats && (_jsxs(Space, { gap: ".5x", children: [stats.measures?.length ? (_jsx(MemberBadge, { type: "measure", children: stats.measures.length })) : undefined, stats.dimensions?.length ? (_jsx(MemberBadge, { type: "dimension", children: stats.dimensions.length })) : undefined, stats?.timeDimensions?.length ? (_jsx(MemberBadge, { type: "timeDimension", children: stats.timeDimensions.length })) : undefined, stats.segments?.length ? (_jsx(MemberBadge, { type: "segment", children: stats.segments.length })) : undefined, stats.filters?.length ? (_jsx(MemberBadge, { type: "filter", children: stats.filters.length })) : undefined] })), isPrivate ? _jsx(NonPublicIcon, { type: "cube" }) : undefined] }) }));
 }
 //# sourceMappingURL=ListCube.js.map

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

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

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

@@ -1,11 +1,20 @@
 import { TCubeMeasure, TCubeDimension, TCubeSegment, Cube, MemberType } from '@cubejs-client/core';
+import { MemberViewType } from '../types';
 interface ListMemberProps {
-    cube: Cube;
-    member: TCubeMeasure | TCubeDimension | TCubeSegment;
+    cube: Cube | {
+        name: string;
+    };
+    member: TCubeMeasure | TCubeDimension | TCubeSegment | {
+        name: string;
+        type?: 'string' | 'number';
+    };
+    isMissing?: boolean;
     category: MemberType;
     filterString?: string;
     isSelected: boolean;
     isFiltered?: boolean;
+    isImported?: boolean;
+    memberViewType?: MemberViewType;
     onToggle?: (name: string) => void;
     onAddFilter?: (name: string) => void;
     onRemoveFilter?: (name: string) => void;

package/lib/QueryBuilderV2/components/ListMember.js

@@ -1,43 +1,53 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { Menu, MenuTrigger, Space, tasty, Text, CloseIcon, TooltipProvider, } from '@cube-dev/ui-kit';
-import { PlusOutlined } from '@ant-design/icons';
-import { getTypeIcon, titleize } from '../utils';
+import { useMemo, useRef } from 'react';
+import { Menu, MenuTrigger, Space, Text, CloseIcon, PlusIcon, CubeIcon } from '@cube-dev/ui-kit';
+import { getTypeIcon } from '../utils';
 import { PrimaryKeyIcon } from '../icons/PrimaryKeyIcon';
 import { NonPublicIcon } from '../icons/NonPublicIcon';
 import { ItemInfoIcon } from '../icons/ItemInfoIcon';
-import { useHasOverflow } from '../hooks/has-overflow';
+import { useEvent, useShownMemberName } from '../hooks';
 import { ListMemberButton } from './ListMemberButton';
 import { FilterByMemberButton } from './FilterByMemberButton';
 import { FilteredLabel } from './FilteredLabel';
-const ListMemberWrapper = tasty({
-    styles: {
-        display: 'grid',
-        position: 'relative',
-    },
-});
+import { InstanceTooltipProvider } from './InstanceTooltipProvider';
 export function ListMember(props) {
     const textRef = useRef(null);
-    const { cube, filterString, category, member, isSelected, isFiltered, onAddFilter, onRemoveFilter, onToggle, } = props;
-    const type = 'type' in member ? member.type : 'string';
+    const { cube, filterString, category, member, memberViewType, isMissing, isSelected, isFiltered, isImported, onAddFilter, onRemoveFilter, onToggle, } = props;
+    const type = 'type' in member ? member.type : undefined;
     const name = member.name.replace(`${cube.name}.`, '').trim();
-    const title = member.title;
+    const title = 'shortTitle' in member ? member.shortTitle : undefined;
     // @ts-ignore
     const description = member.description;
-    const hasOverflow = useHasOverflow(textRef);
-    const isAutoTitle = titleize(member.name) === title;
-    const button = (_jsx(ListMemberWrapper, { children: _jsxs(ListMemberButton, { qa: "MemberButton", qaVal: member.name, icon: getTypeIcon(category === 'segments' ? 'filter' : type), "data-member": category.replace(/s$/, ''), mods: { selected: isSelected }, onPress: () => onToggle?.(`${cube.name}.${member.name}`), children: [_jsx(Text, { ref: textRef, ellipsis: true, children: filterString ? _jsx(FilteredLabel, { text: name, filter: filterString }) : name }), _jsxs(Space, { gap: ".5x", children: [_jsxs(Space, { gap: "1x", color: "#dark.6", children: [description ? _jsx(ItemInfoIcon, { title: title, description: description }) : undefined, member.primaryKey ? _jsx(PrimaryKeyIcon, { color: 'dark-02' }) : undefined, member.public === false ? _jsx(NonPublicIcon, {}) : undefined] }), onAddFilter ? (isFiltered ? (_jsxs(MenuTrigger, { children: [_jsx(FilterByMemberButton, { type: category.replace(/s$/, ''), isFiltered: true }), _jsxs(Menu, { onAction: (key) => {
-                                        switch (key) {
-                                            case 'add':
-                                                onAddFilter?.(member.name);
-                                                break;
-                                            case 'remove':
-                                                onRemoveFilter?.(member.name);
-                                                break;
-                                            default:
-                                                return;
-                                        }
-                                    }, children: [_jsx(Menu.Item, { icon: _jsx(PlusOutlined, { style: { fontSize: 16 } }), children: "Add an additional filter with this member" }, "add"), _jsx(Menu.Item, { icon: _jsx(CloseIcon, { color: "danger-text" }), children: _jsx(Text, { color: "#danger-text", children: "Remove all filters associated with this member" }) }, "remove")] })] })) : (_jsx(FilterByMemberButton, { type: category.replace(/s$/, ''), isFiltered: isFiltered || false, onPress: () => !isFiltered ? onAddFilter?.(member.name) : onRemoveFilter?.(member.name) }))) : undefined] })] }) }));
-    return hasOverflow || !isAutoTitle ? (_jsx(TooltipProvider, { title: _jsxs(_Fragment, { children: [_jsx(Text, { preset: "t4", children: _jsx("b", { children: name }) }), _jsx("br", {}), _jsx(Text, { preset: "t4", children: title })] }), delay: 1000, placement: "right", children: button })) : (button);
+    const { shownMemberName } = useShownMemberName({
+        cubeName: cube.name,
+        cubeTitle: 'title' in cube ? cube.title : undefined,
+        memberName: name,
+        memberTitle: title,
+        type: memberViewType,
+    });
+    const onFilterPress = useEvent(() => !isFiltered ? onAddFilter?.(member.name) : onRemoveFilter?.(member.name));
+    const filterMenu = useMemo(() => {
+        const dangerProps = isFiltered
+            ? {
+                color: '#danger-text',
+            }
+            : {};
+        return (_jsxs(MenuTrigger, { children: [_jsx(FilterByMemberButton, { isAngular: true, type: category.replace(/s$/, ''), isFiltered: true, ...(isMissing ? { color: '#danger-text' } : {}) }), _jsxs(Menu, { disabledKeys: isMissing ? ['add'] : [], onAction: (key) => {
+                        switch (key) {
+                            case 'add':
+                                onAddFilter?.(member.name);
+                                break;
+                            case 'remove':
+                                onRemoveFilter?.(member.name);
+                                break;
+                            default:
+                                return;
+                        }
+                    }, children: [_jsx(Menu.Item, { icon: _jsx(PlusIcon, {}), children: "Filter by This Member" }, "add"), _jsx(Menu.Item, { icon: _jsx(CloseIcon, { ...dangerProps }), children: _jsx(Text, { ...dangerProps, children: "Remove All" }) }, "remove")] })] }));
+    }, [category, isMissing, member.name, onAddFilter, onRemoveFilter, isFiltered]);
+    return (_jsx(InstanceTooltipProvider, { name: name, fullName: member.name, type: category.replace(/s$/, ''), title: title, overflowRef: textRef, children: _jsxs(ListMemberButton, { qa: "MemberButton", qaVal: member.name, icon: getTypeIcon(category === 'segments' ? 'filter' : type), "data-member": category.replace(/s$/, ''), mods: { selected: isSelected, missing: isMissing }, onPress: () => onToggle?.(member.name), children: [_jsx(Text, { ref: textRef, ellipsis: true, children: filterString ? (_jsx(FilteredLabel, { text: shownMemberName, filter: filterString })) : (shownMemberName) }), _jsxs(Space, { gap: ".5x", children: [description ||
+                            isImported ||
+                            ('primaryKey' in member && member.primaryKey) ||
+                            ('public' in member && member.public === false) ? (_jsxs(Space, { gap: "1x", color: "#dark.6", children: [description || isImported ? (_jsx(ItemInfoIcon, { description: isImported ? (_jsxs(_Fragment, { children: [description ? (_jsxs(_Fragment, { children: [description, _jsx("br", {}), _jsx("br", {})] })) : null, _jsx(Text, { preset: "t4", children: "This member is imported from another cube:" }), _jsx("br", {}), _jsx(CubeIcon, {}), " ", _jsx("b", { children: member.name.split('.')[0] })] })) : (description) })) : undefined, 'primaryKey' in member && member.primaryKey ? (_jsx(PrimaryKeyIcon, { color: 'dark-02' })) : undefined, 'public' in member && member.public === false ? _jsx(NonPublicIcon, {}) : undefined] })) : null, onAddFilter || onRemoveFilter ? (isFiltered && !isMissing ? (filterMenu) : (_jsx(FilterByMemberButton, { isAngular: true, isFiltered: isFiltered || false, type: category.replace(/s$/, ''), onPress: onFilterPress }))) : undefined] })] }) }));
 }
 //# sourceMappingURL=ListMember.js.map

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

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