@cubejs-client/playground 1.1.6 → 1.1.16

package/lib/QueryBuilderV2/components/FilterOptionsButton.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Menu, MenuTrigger, MoreIcon, tasty } from '@cube-dev/ui-kit';
+import { useMemo } from 'react';
+const OptionsButton = tasty(Button, {
+    qa: 'FilterOptionsButton',
+    'aria-label': 'Filter options',
+    size: 'small',
+    type: 'secondary',
+    icon: _jsx(MoreIcon, {}),
+    styles: {
+        width: '3x',
+    },
+});
+export function FilterOptionsButton({ type, disableKeys, onAction }) {
+    const items = useMemo(() => {
+        const items = [];
+        if (type === 'or' || type === 'and') {
+            if (type === 'and') {
+                items.push({
+                    key: 'convert',
+                    label: 'Convert to OR Branch',
+                });
+            }
+            if (type === 'or') {
+                items.push({
+                    key: 'convert',
+                    label: 'Convert to AND Branch',
+                });
+            }
+            items.push({
+                key: 'unwrap',
+                label: 'Unwrap Branch',
+            });
+        }
+        if (type === 'member' || type === 'or' || type === 'and') {
+            items.push({
+                key: 'wrapWithOr',
+                label: 'Wrap with OR Branch',
+            });
+            items.push({
+                key: 'wrapWithAnd',
+                label: 'Wrap with AND Branch',
+            });
+        }
+        items.push({
+            key: 'remove',
+            label: 'Remove',
+            color: '#danger',
+        });
+        return items.filter((item) => !disableKeys?.includes(item.key));
+    }, [type, disableKeys]);
+    return (_jsxs(MenuTrigger, { children: [_jsx(OptionsButton, {}), _jsx(Menu, { onAction: (key) => onAction(key), children: items.map((item) => (_jsx(Menu.Item, { color: item.color, children: item.label }, item.key))) })] }));
+}
+//# sourceMappingURL=FilterOptionsButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterOptionsButton.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/FilterOptionsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAE;IAClC,EAAE,EAAE,qBAAqB;IACzB,YAAY,EAAE,gBAAgB;IAC9B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,KAAC,QAAQ,KAAG;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,IAAI;KACZ;CACF,CAAC,CAAC;AAWH,MAAM,UAAU,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAA4B;IAC3F,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAqD,EAAE,CAAC;QAEnE,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE;YACnC,IAAI,IAAI,KAAK,KAAK,EAAE;gBAClB,KAAK,CAAC,IAAI,CAAC;oBACT,GAAG,EAAE,SAAS;oBACd,KAAK,EAAE,sBAAsB;iBAC9B,CAAC,CAAC;aACJ;YAED,IAAI,IAAI,KAAK,IAAI,EAAE;gBACjB,KAAK,CAAC,IAAI,CAAC;oBACT,GAAG,EAAE,SAAS;oBACd,KAAK,EAAE,uBAAuB;iBAC/B,CAAC,CAAC;aACJ;YAED,KAAK,CAAC,IAAI,CAAC;gBACT,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,eAAe;aACvB,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE;YACxD,KAAK,CAAC,IAAI,CAAC;gBACT,GAAG,EAAE,YAAY;gBACjB,KAAK,EAAE,qBAAqB;aAC7B,CAAC,CAAC;YAEH,KAAK,CAAC,IAAI,CAAC;gBACT,GAAG,EAAE,aAAa;gBAClB,KAAK,EAAE,sBAAsB;aAC9B,CAAC,CAAC;SACJ;QAED,KAAK,CAAC,IAAI,CAAC;YACT,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,GAA0B,CAAC,CAAC,CAAC;IACzF,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,MAAC,WAAW,eACV,KAAC,aAAa,KAAG,EACjB,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAA0B,CAAC,YAC/D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,IAAI,CAAC,IAAI,IAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,YACxC,IAAI,CAAC,KAAK,IADG,IAAI,CAAC,GAAG,CAEZ,CACb,CAAC,GACG,IACK,CACf,CAAC;AACJ,CAAC"}

package/lib/QueryBuilderV2/components/FilteredLabel.js

@@ -9,9 +9,17 @@ const FilteredPartElement = tasty({
 export function FilteredLabel({ text, filter }) {
     const lowerText = text.toLowerCase();
     filter = filter.toLowerCase();
-    const index = lowerText.indexOf(filter);
+    let index = lowerText.indexOf(filter);
     if (index === -1) {
-        return _jsx(_Fragment, { children: text });
+        filter = filter.replace(/\s/g, '_');
+        index = lowerText.indexOf(filter);
+        if (index === -1) {
+            filter = filter.replace(/_/g, ' ');
+            index = lowerText.indexOf(filter);
+            if (index === -1) {
+                return _jsx(_Fragment, { children: text });
+            }
+        }
     }
     const startPart = text.slice(0, index);
     const filterPart = text.slice(index, index + filter.length);

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

@@ -1 +1 @@
-{"version":3,"file":"FilteredLabel.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/FilteredLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,mBAAmB,GAAG,KAAK,CAAC;IAChC,MAAM,EAAE;QACN,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,YAAY;KACnB;CACF,CAAC,CAAC;AAOH,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAsB;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAErC,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IAE9B,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAExC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,4BAAG,IAAI,GAAI,CAAC;KACpB;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAElD,OAAO,CACL,8BACG,SAAS,EACV,KAAC,mBAAmB,cAAE,UAAU,GAAuB,EACtD,OAAO,IACP,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FilteredLabel.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/FilteredLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,mBAAmB,GAAG,KAAK,CAAC;IAChC,MAAM,EAAE;QACN,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,YAAY;KACnB;CACF,CAAC,CAAC;AAOH,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAsB;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAErC,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IAE9B,IAAI,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEtC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEpC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAElC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAEnC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAElC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBAChB,OAAO,4BAAG,IAAI,GAAI,CAAC;aACpB;SACF;KACF;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAElD,OAAO,CACL,8BACG,SAAS,EACV,KAAC,mBAAmB,cAAE,UAAU,GAAuB,EACtD,OAAO,IACP,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+export interface FolderProps {
+    name: string;
+    isOpen?: boolean;
+    onToggle: (isOpen: boolean, name: string) => void;
+    filterString?: string;
+    children?: ReactElement[];
+}
+export declare function Folder(props: FolderProps): import("react/jsx-runtime").JSX.Element;

package/lib/QueryBuilderV2/components/Folder.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Text, tasty, FolderOpenFilledIcon, FolderFilledIcon } from '@cube-dev/ui-kit';
+import { FilteredLabel } from './FilteredLabel';
+const OpenButton = tasty(Button, {
+    size: 'small',
+    type: 'neutral',
+    styles: {
+        gridColumns: 'auto auto 1fr',
+        placeContent: 'center start',
+        placeItems: 'center start',
+        color: '#dark',
+    },
+});
+const FolderElement = tasty({
+    styles: {
+        display: 'flex',
+        flow: 'column',
+        gap: '1bw',
+        Contents: {
+            display: 'flex',
+            hide: {
+                '': false,
+                empty: true,
+            },
+            position: 'relative',
+            margin: '4x left',
+            flow: 'column',
+            gap: '1bw',
+            padding: '0 0 .5x 0',
+        },
+        FolderLine: {
+            position: 'absolute',
+            inset: '0 auto .5x (1bw - 2x)',
+            fill: '#border-opaque',
+            width: '.25x',
+            radius: true,
+        },
+        Extra: {
+            display: 'grid',
+        },
+    },
+});
+export function Folder(props) {
+    const { name, isOpen, onToggle, filterString, children } = props;
+    return (_jsxs(FolderElement, { mods: { open: isOpen, empty: !children || !children?.length }, children: [_jsx(OpenButton, { icon: isOpen ? (_jsx(FolderOpenFilledIcon, { style: { color: 'var(--dark-03-color)' } })) : (_jsx(FolderFilledIcon, { style: { color: 'var(--dark-03-color)' } })), onPress: () => onToggle(!isOpen, name), children: _jsx(Text, { ellipsis: true, color: "#dark-02", children: filterString ? _jsx(FilteredLabel, { text: name, filter: filterString }) : name }) }), _jsxs("div", { "data-element": "Contents", children: [children, _jsx("div", { "data-element": "FolderLine" })] })] }));
+}
+//# sourceMappingURL=Folder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/Folder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAE;IAC/B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACN,WAAW,EAAE,eAAe;QAC5B,YAAY,EAAE,cAAc;QAC5B,UAAU,EAAE,cAAc;QAC1B,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,KAAK,CAAC;IAC1B,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,KAAK;QAEV,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,IAAI,EAAE;gBACJ,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,KAAK;YACV,OAAO,EAAE,WAAW;SACrB;QAED,UAAU,EAAE;YACV,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,uBAAuB;YAC9B,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,IAAI;SACb;QAED,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjE,OAAO,CACL,MAAC,aAAa,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,aAC1E,KAAC,UAAU,IACT,IAAI,EACF,MAAM,CAAC,CAAC,CAAC,CACP,KAAC,oBAAoB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,GAAI,CACnE,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,GAAI,CAC/D,EAEH,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,YAEtC,KAAC,IAAI,IAAC,QAAQ,QAAC,KAAK,EAAC,UAAU,YAC5B,YAAY,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,GACrE,GACI,EACb,+BAAkB,UAAU,aACzB,QAAQ,EACT,8BAAkB,YAAY,GAAG,IAC7B,IACQ,CACjB,CAAC;AACJ,CAAC"}

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

@@ -1,8 +1,11 @@
+import { MemberViewType } from '../types';
 export interface GranularityListMemberProps {
     name: string;
     title?: string;
     isCustom?: boolean;
     isSelected: boolean;
+    isMissing?: boolean;
+    memberViewType?: MemberViewType;
     onToggle: () => void;
 }
 export declare function GranularityListMember(props: GranularityListMemberProps): import("react/jsx-runtime").JSX.Element;

package/lib/QueryBuilderV2/components/GranularityListMember.js

@@ -1,20 +1,11 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CalendarEditIcon, CalendarIcon, Text, TooltipProvider } from '@cube-dev/ui-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CalendarEditIcon, CalendarIcon, Text } from '@cube-dev/ui-kit';
 import { useRef } from 'react';
-import { useHasOverflow } from '../hooks/index';
-import { titleize } from '../utils/index';
+import { InstanceTooltipProvider } from './InstanceTooltipProvider';
 import { ListMemberButton } from './ListMemberButton';
 export function GranularityListMember(props) {
-    const { name, title, isCustom, isSelected, onToggle } = props;
+    const { name, title, isCustom, isSelected, isMissing, memberViewType = 'name', onToggle } = props;
     const textRef = useRef(null);
-    const hasOverflow = useHasOverflow(textRef);
-    const isAutoTitle = titleize(name) === title;
-    const button = (_jsx(ListMemberButton, { icon: isCustom ? _jsx(CalendarEditIcon, {}) : _jsx(CalendarIcon, {}), "data-member": "timeDimension", isSelected: isSelected, onPress: onToggle, children: _jsx(Text, { ref: textRef, ellipsis: true, children: name }) }));
-    if (hasOverflow || (!isAutoTitle && isCustom)) {
-        return (_jsx(TooltipProvider, { title: _jsxs(_Fragment, { children: [_jsx(Text, { preset: "t4", children: name }), _jsx("br", {}), _jsx(Text, { preset: "t3", children: title })] }), delay: 1000, placement: "right", children: button }));
-    }
-    else {
-        return button;
-    }
+    return (_jsx(InstanceTooltipProvider, { name: name, title: title, overflowRef: isCustom ? textRef : undefined, children: _jsx(ListMemberButton, { icon: isCustom ? _jsx(CalendarEditIcon, {}) : _jsx(CalendarIcon, {}), "data-member": "timeDimension", isSelected: isSelected, mods: { missing: isMissing }, onPress: onToggle, children: _jsx(Text, { ref: textRef, ellipsis: true, children: (memberViewType === 'name' ? name : title) ?? name }) }) }));
 }
 //# sourceMappingURL=GranularityListMember.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GranularityListMember.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/GranularityListMember.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC;IAE7C,MAAM,MAAM,GAAG,CACb,KAAC,gBAAgB,IACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,iBAC5C,eAAe,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,QAAQ,YAEjB,KAAC,IAAI,IAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,kBACzB,IAAI,GACA,GACU,CACpB,CAAC;IAEF,IAAI,WAAW,IAAI,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,EAAE;QAC7C,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EACH,8BACE,KAAC,IAAI,IAAC,MAAM,EAAC,IAAI,YAAE,IAAI,GAAQ,EAC/B,cAAM,EACN,KAAC,IAAI,IAAC,MAAM,EAAC,IAAI,YAAE,KAAK,GAAQ,IAC/B,EAEL,KAAK,EAAE,IAAI,EACX,SAAS,EAAC,OAAO,YAEhB,MAAM,GACS,CACnB,CAAC;KACH;SAAM;QACL,OAAO,MAAM,CAAC;KACf;AACH,CAAC"}
+{"version":3,"file":"GranularityListMember.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/GranularityListMember.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAYtD,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YAC5F,KAAC,gBAAgB,IACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,iBAC5C,eAAe,EAC3B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE,QAAQ,YAEjB,KAAC,IAAI,IAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,kBACzB,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,GAC9C,GACU,GACK,CAC3B,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import { Cube } from '@cubejs-client/core';
+import { ReactElement } from 'react';
+import { MemberViewType, TCubeHierarchy } from '../types';
+export interface FolderProps {
+    cube: Cube;
+    isOpen?: boolean;
+    onToggle: (isOpen: boolean, name: string) => void;
+    filterString?: string;
+    member: TCubeHierarchy;
+    memberViewType?: MemberViewType;
+    children?: ReactElement[];
+    count?: number;
+}
+export declare function HierarchyMember(props: FolderProps): import("react/jsx-runtime").JSX.Element;

package/lib/QueryBuilderV2/components/HierarchyMember.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, tasty, HierarchyIcon, Space } from '@cube-dev/ui-kit';
+import { useRef } from 'react';
+import { useShownMemberName } from '../hooks';
+import { ChevronIcon } from '../icons/ChevronIcon';
+import { InstanceTooltipProvider } from './InstanceTooltipProvider';
+import { ListMemberButton } from './ListMemberButton';
+import { FilteredLabel } from './FilteredLabel';
+const HierarchyElement = tasty({
+    styles: {
+        display: 'flex',
+        flow: 'column',
+        gap: '1bw',
+        Contents: {
+            display: 'flex',
+            position: 'relative',
+            margin: '4x left',
+            flow: 'column',
+            gap: '1bw',
+        },
+        HierarchyLine: {
+            position: 'absolute',
+            inset: '0 auto 0 (1bw - 2x)',
+            fill: '#dimension-active',
+            width: '.25x',
+            radius: true,
+        },
+        Extra: {
+            display: 'grid',
+        },
+    },
+});
+export function HierarchyMember(props) {
+    const { isOpen, onToggle, cube, memberViewType, member, filterString, children } = props;
+    const textRef = useRef(null);
+    const name = member.name.replace(`${cube.name}.`, '').trim();
+    const title = 'title' in member ? member.title : undefined;
+    const { shownMemberName } = useShownMemberName({
+        cubeName: cube.name,
+        cubeTitle: 'title' in cube ? cube.title : undefined,
+        memberName: name,
+        memberTitle: title,
+        type: memberViewType,
+    });
+    return (_jsxs(HierarchyElement, { mods: { open: isOpen }, children: [_jsx(InstanceTooltipProvider, { name: name, fullName: member.name, type: "hierarchy", title: title, overflowRef: textRef, children: _jsx(ListMemberButton, { qa: "MemberButton", qaVal: member.name, icon: _jsx(HierarchyIcon, {}), "data-member": "dimension", onPress: () => onToggle?.(!isOpen, member.name), children: _jsxs(Space, { gap: ".75x", children: [_jsx(Text, { ref: textRef, ellipsis: true, children: filterString ? (_jsx(FilteredLabel, { text: shownMemberName, filter: filterString })) : (shownMemberName) }), _jsx(ChevronIcon, { direction: isOpen ? 'top' : 'bottom', color: "var(--dimension-text-color)" })] }) }) }), children && children.length ? (_jsxs("div", { "data-element": "Contents", children: [children, _jsx("div", { "data-element": "HierarchyLine" })] })) : null] }));
+}
+//# sourceMappingURL=HierarchyMember.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { CubeTooltipProviderProps } from '@cube-dev/ui-kit';
+import { RefObject } from 'react';
+interface InstanceTooltipProviderProps {
+    name: string;
+    fullName?: string;
+    title?: string;
+    type?: 'dimension' | 'measure' | 'hierarchy' | 'folder' | 'segment';
+    description?: string;
+    forceShown?: boolean;
+    children: CubeTooltipProviderProps['children'];
+    isDisabled?: boolean;
+    overflowRef?: RefObject<HTMLDivElement>;
+}
+export declare function InstanceTooltipProvider(props: InstanceTooltipProviderProps): string | import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/QueryBuilderV2/components/InstanceTooltipProvider.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { tasty, TooltipProvider } from '@cube-dev/ui-kit';
+import { useHasOverflow } from '../hooks';
+import { titleize } from '../utils';
+const TooltipWrapper = tasty({
+    styles: {
+        Name: {
+            display: 'block',
+            width: 'max-content',
+            preset: 't4m',
+        },
+        Title: {
+            display: 'block',
+            width: 'max-content',
+            preset: 't3',
+        },
+        Description: {
+            display: 'block',
+            preset: 'p3',
+        },
+        Type: {
+            preset: 'c2',
+            opacity: 0.7,
+        },
+    },
+});
+export function InstanceTooltipProvider(props) {
+    const { name, fullName, type, title, description, children, isDisabled, forceShown, overflowRef, } = props;
+    const hasOverflow = useHasOverflow(overflowRef);
+    const isAutoTitle = titleize(name) === title;
+    if ((!forceShown && (isDisabled || (!hasOverflow && isAutoTitle) || !overflowRef)) || !fullName) {
+        return children;
+    }
+    return (_jsx(TooltipProvider, { title: _jsx(_Fragment, { children: _jsxs(TooltipWrapper, { children: [type && _jsx("div", { "data-element": "Type", children: type }), _jsx("div", { "data-element": "Name", children: fullName }), _jsx("div", { "data-element": "Title", children: title }), _jsx("div", { "data-element": "Description", children: description })] }) }), width: "max-content", delay: 1000, placement: "right", children: children }));
+}
+//# sourceMappingURL=InstanceTooltipProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstanceTooltipProvider.js","sourceRoot":"","sources":["../../../src/QueryBuilderV2/components/InstanceTooltipProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGpF,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,cAAc,GAAG,KAAK,CAAC;IAC3B,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,KAAK;SACd;QAED,KAAK,EAAE;YACL,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,IAAI;SACb;QAED,WAAW,EAAE;YACX,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,IAAI;SACb;QAED,IAAI,EAAE;YACJ,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,GAAG;SACb;KACF;CACF,CAAC,CAAC;AAcH,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC;IAE7C,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC/F,OAAO,QAAQ,CAAC;KACjB;IAED,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EACH,4BACE,MAAC,cAAc,eACZ,IAAI,IAAI,8BAAkB,MAAM,YAAE,IAAI,GAAO,EAC9C,8BAAkB,MAAM,YAAE,QAAQ,GAAO,EACzC,8BAAkB,OAAO,YAAE,KAAK,GAAO,EACvC,8BAAkB,aAAa,YAAE,WAAW,GAAO,IACpC,GAChB,EAEL,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,IAAI,EACX,SAAS,EAAC,OAAO,YAEhB,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC"}