@cognite/reveal-components 1.0.2 → 1.48552.0

package/dist/ui/components/RevealToolbar/SlicerButton/SlicerButton.js

@@ -1,74 +1,113 @@
-import { BaseTooltipTrigger as e, CommandTooltipPopup as t, useCommandTooltipHandle as n } from "../../commandBased/buttons/PopupTriggerButton.js";
-import { SlicerButtonContext as r } from "./SlicerButton.context.js";
-import { useContext as i, useEffect as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Button as u } from "@cognite/aura/components/button";
-import { IconSlice as d } from "@tabler/icons-react";
-import { Popover as f, PopoverContent as p, PopoverTrigger as m } from "@cognite/aura/components/popover";
-import { Slider as h } from "@cognite/aura/components/slider";
-import { Box3 as g, Plane as _, Vector3 as v } from "three";
-//#region libs/shared/reveal-components/src/ui/components/RevealToolbar/SlicerButton/SlicerButton.tsx
-var y = () => {
-	let { useReveal: y, useTranslation: b, use3dModels: x } = i(r), S = y(), { t: C } = b(), w = x(), [T, E] = o({
-		minHeight: 0,
-		maxHeight: 0,
-		topRatio: 1,
-		bottomRatio: 0
-	}), [D, O] = o(!1), k = n(), { minHeight: A, maxHeight: j, topRatio: M, bottomRatio: N } = T;
-	a(() => {
-		if (w.length === 0) return;
-		let e = new g();
-		w.forEach((t) => e.union(t.getModelBoundingBox(void 0, !0)));
-		let t = e.max.y, n = e.min.y;
-		(j !== t || A !== n) && E((e) => ({
-			maxHeight: t,
-			minHeight: n,
-			topRatio: e.topRatio,
-			bottomRatio: e.bottomRatio
-		}));
-	}, [w]);
-	function P(e) {
-		let [t, n] = e, r = [];
-		t !== 0 && r.push(new _(new v(0, 1, 0), -(A + t * (j - A)))), n !== 1 && r.push(new _(new v(0, -1, 0), A + n * (j - A))), S.setGlobalClippingPlanes(r), E({
-			minHeight: A,
-			maxHeight: j,
-			bottomRatio: t,
-			topRatio: n
-		});
-	}
-	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(f, {
-		onOpenChange: O,
-		children: [/* @__PURE__ */ c(m, { render: /* @__PURE__ */ c(e, {
-			handle: k,
-			children: /* @__PURE__ */ c(u, {
-				variant: D ? "default" : "ghost",
-				size: "icon-sm",
-				"aria-label": "Slice models",
-				children: /* @__PURE__ */ c(d, { color: D ? "white" : "black" })
-			})
-		}) }), /* @__PURE__ */ c(p, {
-			side: "right",
-			align: "start",
-			sideOffset: 12,
-			className: "w-10 h-[480px] py-3 px-2 flex items-center justify-center overflow-hidden",
-			children: /* @__PURE__ */ c("div", {
-				className: "h-full w-6",
-				children: /* @__PURE__ */ c(h, {
-					min: 0,
-					max: 1,
-					step: .01,
-					value: [N, M],
-					onValueChange: P,
-					orientation: "vertical"
-				})
-			})
-		})]
-	}), /* @__PURE__ */ c(t, {
-		handle: k,
-		side: "right",
-		disabled: D,
-		children: C({ key: "SLICE_TOOLTIP" })
-	})] });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useContext } from "react";
+import { IconSlice } from "@tabler/icons-react";
+import { Box3, Plane, Vector3 } from "three";
+import { Button } from "@cognite/aura/components/button";
+import { Popover, PopoverContent, PopoverTrigger } from "@cognite/aura/components/popover";
+import { Slider } from "@cognite/aura/components/slider";
+import { BaseTooltipTrigger, CommandTooltipPopup, useCommandTooltipHandle } from "../../commandBased/buttons/PopupTriggerButton.js";
+import { TOOLBAR_HORIZONTAL_PANEL_OFFSET } from "../../constants.js";
+import { SlicerButtonContext } from "./SlicerButton.context.js";
+export const SlicerButton = ()=>{
+    const { useReveal, useTranslation, use3dModels } = useContext(SlicerButtonContext);
+    const viewer = useReveal();
+    const { t } = useTranslation();
+    const models = use3dModels();
+    const [sliceState, setSliceState] = useState({
+        minHeight: 0,
+        maxHeight: 0,
+        topRatio: 1,
+        bottomRatio: 0
+    });
+    const [slicerActive, setSlicerActive] = useState(false);
+    const tooltipHandle = useCommandTooltipHandle();
+    const { minHeight, maxHeight, topRatio, bottomRatio } = sliceState;
+    useEffect(()=>{
+        if (models.length === 0) {
+            return;
+        }
+        const box = new Box3();
+        models.forEach((model)=>box.union(model.getModelBoundingBox(undefined, true)));
+        const newMaxY = box.max.y;
+        const newMinY = box.min.y;
+        if (maxHeight !== newMaxY || minHeight !== newMinY) {
+            setSliceState((prev)=>({
+                    maxHeight: newMaxY,
+                    minHeight: newMinY,
+                    topRatio: prev.topRatio,
+                    bottomRatio: prev.bottomRatio
+                }));
+        }
+    }, [
+        models
+    ]);
+    function changeSlicingState(newValues) {
+        const [newBottom, newTop] = newValues;
+        const planes = [];
+        if (newBottom !== 0) {
+            planes.push(new Plane(new Vector3(0, 1, 0), -(minHeight + newBottom * (maxHeight - minHeight))));
+        }
+        if (newTop !== 1) {
+            planes.push(new Plane(new Vector3(0, -1, 0), minHeight + newTop * (maxHeight - minHeight)));
+        }
+        viewer.setGlobalClippingPlanes(planes);
+        setSliceState({
+            minHeight,
+            maxHeight,
+            bottomRatio: newBottom,
+            topRatio: newTop
+        });
+    }
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Popover, {
+                onOpenChange: setSlicerActive,
+                children: [
+                    /*#__PURE__*/ _jsx(PopoverTrigger, {
+                        render: /*#__PURE__*/ _jsx(BaseTooltipTrigger, {
+                            handle: tooltipHandle,
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                variant: slicerActive ? 'default' : 'ghost',
+                                size: "icon-sm",
+                                "aria-label": "Slice models",
+                                children: /*#__PURE__*/ _jsx(IconSlice, {
+                                    color: slicerActive ? 'white' : 'black'
+                                })
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PopoverContent, {
+                        side: "right",
+                        align: "start",
+                        sideOffset: TOOLBAR_HORIZONTAL_PANEL_OFFSET,
+                        className: "w-10 h-[480px] py-3 px-2 flex items-center justify-center overflow-hidden",
+                        children: /*#__PURE__*/ _jsx("div", {
+                            className: "h-full w-6",
+                            children: /*#__PURE__*/ _jsx(Slider, {
+                                min: 0,
+                                max: 1,
+                                step: 0.01,
+                                value: [
+                                    bottomRatio,
+                                    topRatio
+                                ],
+                                onValueChange: changeSlicingState,
+                                orientation: "vertical"
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(CommandTooltipPopup, {
+                handle: tooltipHandle,
+                side: "right",
+                disabled: slicerActive,
+                children: t({
+                    key: 'SLICE_TOOLTIP'
+                })
+            })
+        ]
+    });
 };
-//#endregion
-export { y as SlicerButton };
+
+//# sourceMappingURL=SlicerButton.js.map

package/dist/ui/components/RevealToolbar/SlicerButton/SlicerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/RevealToolbar/SlicerButton/SlicerButton.tsx"],"sourcesContent":["import { type ReactElement, useState, useEffect, useContext } from 'react';\n\nimport { IconSlice } from '@tabler/icons-react';\nimport { Box3, Plane, Vector3 } from 'three';\n\nimport { Button } from '@cognite/aura/components/button';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@cognite/aura/components/popover';\nimport { Slider } from '@cognite/aura/components/slider';\n\nimport {\n  BaseTooltipTrigger,\n  CommandTooltipPopup,\n  useCommandTooltipHandle,\n} from '../../commandBased/buttons/PopupTriggerButton';\nimport { TOOLBAR_HORIZONTAL_PANEL_OFFSET } from '../../constants';\n\nimport { SlicerButtonContext } from './SlicerButton.context';\n\ntype SliceState = {\n  minHeight: number;\n  maxHeight: number;\n  topRatio: number;\n  bottomRatio: number;\n};\n\nexport const SlicerButton = (): ReactElement => {\n  const { useReveal, useTranslation, use3dModels } =\n    useContext(SlicerButtonContext);\n  const viewer = useReveal();\n  const { t } = useTranslation();\n  const models = use3dModels();\n\n  const [sliceState, setSliceState] = useState<SliceState>({\n    minHeight: 0,\n    maxHeight: 0,\n    topRatio: 1,\n    bottomRatio: 0,\n  });\n\n  const [slicerActive, setSlicerActive] = useState<boolean>(false);\n  const tooltipHandle = useCommandTooltipHandle();\n\n  const { minHeight, maxHeight, topRatio, bottomRatio } = sliceState;\n\n  useEffect(() => {\n    if (models.length === 0) {\n      return;\n    }\n\n    const box = new Box3();\n    models.forEach((model) =>\n      box.union(model.getModelBoundingBox(undefined, true))\n    );\n\n    const newMaxY = box.max.y;\n    const newMinY = box.min.y;\n\n    if (maxHeight !== newMaxY || minHeight !== newMinY) {\n      setSliceState((prev) => ({\n        maxHeight: newMaxY,\n        minHeight: newMinY,\n        topRatio: prev.topRatio,\n        bottomRatio: prev.bottomRatio,\n      }));\n    }\n  }, [models]);\n\n  function changeSlicingState(newValues: number[]): void {\n    const [newBottom, newTop] = newValues;\n    const planes: Plane[] = [];\n\n    if (newBottom !== 0) {\n      planes.push(\n        new Plane(\n          new Vector3(0, 1, 0),\n          -(minHeight + newBottom * (maxHeight - minHeight))\n        )\n      );\n    }\n\n    if (newTop !== 1) {\n      planes.push(\n        new Plane(\n          new Vector3(0, -1, 0),\n          minHeight + newTop * (maxHeight - minHeight)\n        )\n      );\n    }\n\n    viewer.setGlobalClippingPlanes(planes);\n    setSliceState({\n      minHeight,\n      maxHeight,\n      bottomRatio: newBottom,\n      topRatio: newTop,\n    });\n  }\n\n  return (\n    <>\n      <Popover onOpenChange={setSlicerActive}>\n        <PopoverTrigger\n          render={\n            <BaseTooltipTrigger handle={tooltipHandle}>\n              <Button\n                variant={slicerActive ? 'default' : 'ghost'}\n                size=\"icon-sm\"\n                aria-label=\"Slice models\"\n              >\n                <IconSlice color={slicerActive ? 'white' : 'black'} />\n              </Button>\n            </BaseTooltipTrigger>\n          }\n        />\n        <PopoverContent\n          side=\"right\"\n          align=\"start\"\n          sideOffset={TOOLBAR_HORIZONTAL_PANEL_OFFSET}\n          className=\"w-10 h-[480px] py-3 px-2 flex items-center justify-center overflow-hidden\"\n        >\n          <div className=\"h-full w-6\">\n            <Slider\n              min={0}\n              max={1}\n              step={0.01}\n              value={[bottomRatio, topRatio]}\n              onValueChange={changeSlicingState}\n              orientation=\"vertical\"\n            />\n          </div>\n        </PopoverContent>\n      </Popover>\n      <CommandTooltipPopup\n        handle={tooltipHandle}\n        side=\"right\"\n        disabled={slicerActive}\n      >\n        {t({ key: 'SLICE_TOOLTIP' })}\n      </CommandTooltipPopup>\n    </>\n  );\n};\n"],"names":["useState","useEffect","useContext","IconSlice","Box3","Plane","Vector3","Button","Popover","PopoverContent","PopoverTrigger","Slider","BaseTooltipTrigger","CommandTooltipPopup","useCommandTooltipHandle","TOOLBAR_HORIZONTAL_PANEL_OFFSET","SlicerButtonContext","SlicerButton","useReveal","useTranslation","use3dModels","viewer","t","models","sliceState","setSliceState","minHeight","maxHeight","topRatio","bottomRatio","slicerActive","setSlicerActive","tooltipHandle","length","box","forEach","model","union","getModelBoundingBox","undefined","newMaxY","max","y","newMinY","min","prev","changeSlicingState","newValues","newBottom","newTop","planes","push","setGlobalClippingPlanes","onOpenChange","render","handle","variant","size","aria-label","color","side","align","sideOffset","className","div","step","value","onValueChange","orientation","disabled","key"],"mappings":"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"}

package/dist/ui/components/RevealToolbar/index.d.ts

@@ -1 +1 @@
-export { RevealToolbar } from './RevealToolbar';
+export { RevealToolbar } from "./RevealToolbar";

package/dist/ui/components/RevealToolbar/index.js

@@ -1,2 +1,3 @@
-import { RevealToolbar as e } from "./RevealToolbar.js";
-export { e as RevealToolbar };
+export { RevealToolbar } from "./RevealToolbar.js";
+
+//# sourceMappingURL=index.js.map

package/dist/ui/components/RevealToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/RevealToolbar/index.ts"],"sourcesContent":["export { RevealToolbar } from './RevealToolbar';\n"],"names":["RevealToolbar"],"mappings":"AAAA,SAASA,aAAa,QAAQ,qBAAkB"}

package/dist/ui/components/RuleBasedOutputs/RuleBasedOutputsPanel.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
-import { RuleOutput } from './types';
+import { type ReactElement } from "react";
+import { type RuleOutput } from "./types";
 type RuleBasedOutputsPanelProps = {
-    ruleOutputs?: RuleOutput[];
+	ruleOutputs?: RuleOutput[];
 };
-export declare const RuleBasedOutputsPanel: ({ ruleOutputs, }: RuleBasedOutputsPanelProps) => ReactElement;
+export declare const RuleBasedOutputsPanel: ({ ruleOutputs }: RuleBasedOutputsPanelProps) => ReactElement;
 export {};

package/dist/ui/components/RuleBasedOutputs/RuleBasedOutputsPanel.js

@@ -1,28 +1,39 @@
-import { withSuppressRevealEvents as e } from "../../higher-order-components/withSuppressRevealEvents.js";
-import { OutputPanelItem as t } from "./components/OutputPanelItem.js";
-import { ShowMore as n } from "./components/OutputPanelShowMore.js";
-import { useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region libs/shared/reveal-components/src/ui/components/RuleBasedOutputs/RuleBasedOutputsPanel.tsx
-var s = 5, c = e(({ className: e, style: t, children: n }) => /* @__PURE__ */ a("div", {
-	className: e,
-	style: t,
-	children: n
-})), l = ({ ruleOutputs: e }) => {
-	let [l, u] = r(!1);
-	return /* @__PURE__ */ a(i, { children: e !== void 0 && e?.length > 0 && /* @__PURE__ */ o(c, {
-		className: "flex flex-col gap-3.5 absolute bottom-4 left-4 min-w-[200px] max-w-[400px] rounded text-[13px] leading-[18px] outline-none bg-white text-foreground shadow-md justify-start p-2.5 overflow-y-auto",
-		style: { maxHeight: l ? "300px" : void 0 },
-		children: [e.map((e, n) => /* @__PURE__ */ a(i, { children: l || n <= 4 ? /* @__PURE__ */ a(t, {
-			index: n,
-			output: e
-		}) : /* @__PURE__ */ a(i, {}) })), e.length > s && /* @__PURE__ */ a(n, {
-			isShowMore: l,
-			onShowMore: () => {
-				u((e) => !e);
-			}
-		})]
-	}) });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { withSuppressRevealEvents } from "../../higher-order-components/withSuppressRevealEvents.js";
+import { OutputPanelItem } from "./components/OutputPanelItem.js";
+import { ShowMore } from "./components/OutputPanelShowMore.js";
+const MAX_WHEN_NO_SHOW_MORE = 5;
+const PanelDiv = ({ className, style, children })=>/*#__PURE__*/ _jsx("div", {
+        className: className,
+        style: style,
+        children: children
+    });
+const Panel = withSuppressRevealEvents(PanelDiv);
+export const RuleBasedOutputsPanel = ({ ruleOutputs })=>{
+    const [isShowMore, setIsShowMore] = useState(false);
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: ruleOutputs !== undefined && ruleOutputs?.length > 0 && /*#__PURE__*/ _jsxs(Panel, {
+            className: "flex flex-col gap-3.5 absolute bottom-4 left-4 min-w-[200px] max-w-[400px] rounded text-[13px] leading-[18px] outline-none bg-white text-foreground shadow-md justify-start p-2.5 overflow-y-auto",
+            style: {
+                maxHeight: isShowMore ? '300px' : undefined
+            },
+            children: [
+                ruleOutputs.map((output, index)=>/*#__PURE__*/ _jsx(_Fragment, {
+                        children: isShowMore || index <= MAX_WHEN_NO_SHOW_MORE - 1 ? /*#__PURE__*/ _jsx(OutputPanelItem, {
+                            index: index,
+                            output: output
+                        }) : /*#__PURE__*/ _jsx(_Fragment, {})
+                    })),
+                ruleOutputs.length > MAX_WHEN_NO_SHOW_MORE && /*#__PURE__*/ _jsx(ShowMore, {
+                    isShowMore: isShowMore,
+                    onShowMore: ()=>{
+                        setIsShowMore((previousState)=>!previousState);
+                    }
+                })
+            ]
+        })
+    });
 };
-//#endregion
-export { l as RuleBasedOutputsPanel };
+
+//# sourceMappingURL=RuleBasedOutputsPanel.js.map

package/dist/ui/components/RuleBasedOutputs/RuleBasedOutputsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/RuleBasedOutputs/RuleBasedOutputsPanel.tsx"],"sourcesContent":["import { useState, type HTMLAttributes, type ReactElement } from 'react';\n\nimport { withSuppressRevealEvents } from '../../higher-order-components/withSuppressRevealEvents';\n\nimport { OutputPanelItem } from './components/OutputPanelItem';\nimport { ShowMore } from './components/OutputPanelShowMore';\nimport { type RuleOutput } from './types';\n\nconst MAX_WHEN_NO_SHOW_MORE = 5;\n\ntype RuleBasedOutputsPanelProps = {\n  ruleOutputs?: RuleOutput[];\n};\n\nconst PanelDiv = ({\n  className,\n  style,\n  children,\n}: HTMLAttributes<HTMLDivElement>) => (\n  <div className={className} style={style}>\n    {children}\n  </div>\n);\nconst Panel = withSuppressRevealEvents(PanelDiv);\n\nexport const RuleBasedOutputsPanel = ({\n  ruleOutputs,\n}: RuleBasedOutputsPanelProps): ReactElement => {\n  const [isShowMore, setIsShowMore] = useState(false);\n\n  return (\n    <>\n      {ruleOutputs !== undefined && ruleOutputs?.length > 0 && (\n        <Panel\n          className=\"flex flex-col gap-3.5 absolute bottom-4 left-4 min-w-[200px] max-w-[400px] rounded text-[13px] leading-[18px] outline-none bg-white text-foreground shadow-md justify-start p-2.5 overflow-y-auto\"\n          style={{ maxHeight: isShowMore ? '300px' : undefined }}\n        >\n          {ruleOutputs.map((output, index) => (\n            <>\n              {isShowMore || index <= MAX_WHEN_NO_SHOW_MORE - 1 ? (\n                <OutputPanelItem index={index} output={output} />\n              ) : (\n                <></>\n              )}\n            </>\n          ))}\n          {ruleOutputs.length > MAX_WHEN_NO_SHOW_MORE && (\n            <ShowMore\n              isShowMore={isShowMore}\n              onShowMore={() => {\n                setIsShowMore((previousState) => !previousState);\n              }}\n            />\n          )}\n        </Panel>\n      )}\n    </>\n  );\n};\n"],"names":["useState","withSuppressRevealEvents","OutputPanelItem","ShowMore","MAX_WHEN_NO_SHOW_MORE","PanelDiv","className","style","children","div","Panel","RuleBasedOutputsPanel","ruleOutputs","isShowMore","setIsShowMore","undefined","length","maxHeight","map","output","index","onShowMore","previousState"],"mappings":";AAAA,SAASA,QAAQ,QAAgD,QAAQ;AAEzE,SAASC,wBAAwB,QAAQ,4DAAyD;AAElG,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,QAAQ,QAAQ,sCAAmC;AAG5D,MAAMC,wBAAwB;AAM9B,MAAMC,WAAW,CAAC,EAChBC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACuB,iBAC/B,KAACC;QAAIH,WAAWA;QAAWC,OAAOA;kBAC/BC;;AAGL,MAAME,QAAQT,yBAAyBI;AAEvC,OAAO,MAAMM,wBAAwB,CAAC,EACpCC,WAAW,EACgB;IAC3B,MAAM,CAACC,YAAYC,cAAc,GAAGd,SAAS;IAE7C,qBACE;kBACGY,gBAAgBG,aAAaH,aAAaI,SAAS,mBAClD,MAACN;YACCJ,WAAU;YACVC,OAAO;gBAAEU,WAAWJ,aAAa,UAAUE;YAAU;;gBAEpDH,YAAYM,GAAG,CAAC,CAACC,QAAQC,sBACxB;kCACGP,cAAcO,SAAShB,wBAAwB,kBAC9C,KAACF;4BAAgBkB,OAAOA;4BAAOD,QAAQA;2CAEvC;;gBAILP,YAAYI,MAAM,GAAGZ,uCACpB,KAACD;oBACCU,YAAYA;oBACZQ,YAAY;wBACVP,cAAc,CAACQ,gBAAkB,CAACA;oBACpC;;;;;AAOd,EAAE"}

package/dist/ui/components/RuleBasedOutputs/RuleBasedOutputsSelector.context.d.ts

@@ -1,21 +1,21 @@
-import { Context } from 'react';
-import { InternalId } from '@cognite/sdk';
-import { DmCadAssetMapping } from '../../../data-providers/cache/cad/assetMappingTypes';
-import { FdmConnectionWithNode } from '../../../data-providers/cache/types';
-import { CadModelOptions } from '../../../utilities/modelIds';
-import { use3dModels, useAssetMappedNodesForRevisions, useMappedEdgesForRevisions } from '../../hooks';
-import { useAll3dDirectConnectionsWithProperties } from '../../query';
-import { useFetchClassicAssetsByIds } from '../../query/useFetchClassicAssetsByIds';
-import { generateRuleBasedOutputs } from './core/generateRuleBasedOutputs';
-import { useGetDMConnectionWithNodeFromHybridMappingsQuery } from './hooks/useGetDMConnectionWithNodeFromHybridMappingsQuery';
+import type { Context } from "react";
+import { type InternalId } from "@cognite/sdk";
+import { type DmCadAssetMapping } from "../../../data-providers/cache/cad/assetMappingTypes";
+import { type FdmConnectionWithNode } from "../../../data-providers/cache/types";
+import { type CadModelOptions } from "../../../utilities/modelIds";
+import { use3dModels, useAssetMappedNodesForRevisions, useMappedEdgesForRevisions } from "../../hooks";
+import { useAll3dDirectConnectionsWithProperties } from "../../query";
+import { useFetchClassicAssetsByIds } from "../../query/useFetchClassicAssetsByIds";
+import { generateRuleBasedOutputs } from "./core/generateRuleBasedOutputs";
+import { useGetDMConnectionWithNodeFromHybridMappingsQuery } from "./hooks/useGetDMConnectionWithNodeFromHybridMappingsQuery";
 export type RuleBasedOutputsSelectorDependencies = {
-    use3dModels: typeof use3dModels;
-    useAssetMappedNodesForRevisions: (cadModels: CadModelOptions[]) => Pick<ReturnType<typeof useAssetMappedNodesForRevisions>, 'data' | 'isInitialLoading'>;
-    useMappedEdgesForRevisions: (cadModels: CadModelOptions[], enabled: boolean) => Pick<ReturnType<typeof useMappedEdgesForRevisions>, 'data' | 'isInitialLoading'>;
-    useAll3dDirectConnectionsWithProperties: (connectionWithNodeAndView: FdmConnectionWithNode[]) => Pick<ReturnType<typeof useAll3dDirectConnectionsWithProperties>, 'data' | 'isInitialLoading'>;
-    useGetDMConnectionWithNodeFromHybridMappingsQuery: (nodeWithDmIdsFromHybridMappings: DmCadAssetMapping[], models: CadModelOptions[]) => Pick<ReturnType<typeof useGetDMConnectionWithNodeFromHybridMappingsQuery>, 'data' | 'isInitialLoading'>;
-    useFetchClassicAssetsByIds: (assetIdsToFilter: InternalId[]) => Pick<ReturnType<typeof useFetchClassicAssetsByIds>, 'data' | 'isInitialLoading' | 'isFetched'>;
-    generateRuleBasedOutputs: typeof generateRuleBasedOutputs;
+	use3dModels: typeof use3dModels;
+	useAssetMappedNodesForRevisions: (cadModels: CadModelOptions[]) => Pick<ReturnType<typeof useAssetMappedNodesForRevisions>, "data" | "isInitialLoading">;
+	useMappedEdgesForRevisions: (cadModels: CadModelOptions[], enabled: boolean) => Pick<ReturnType<typeof useMappedEdgesForRevisions>, "data" | "isInitialLoading">;
+	useAll3dDirectConnectionsWithProperties: (connectionWithNodeAndView: FdmConnectionWithNode[]) => Pick<ReturnType<typeof useAll3dDirectConnectionsWithProperties>, "data" | "isInitialLoading">;
+	useGetDMConnectionWithNodeFromHybridMappingsQuery: (nodeWithDmIdsFromHybridMappings: DmCadAssetMapping[], models: CadModelOptions[]) => Pick<ReturnType<typeof useGetDMConnectionWithNodeFromHybridMappingsQuery>, "data" | "isInitialLoading">;
+	useFetchClassicAssetsByIds: (assetIdsToFilter: InternalId[]) => Pick<ReturnType<typeof useFetchClassicAssetsByIds>, "data" | "isInitialLoading" | "isFetched">;
+	generateRuleBasedOutputs: typeof generateRuleBasedOutputs;
 };
 export declare const defaultRuleBasedOutputsSelectorDependencies: RuleBasedOutputsSelectorDependencies;
 export declare const RuleBasedOutputsSelectorContext: Context<RuleBasedOutputsSelectorDependencies>;

package/dist/ui/components/RuleBasedOutputs/RuleBasedOutputsSelector.context.js

@@ -1,22 +1,18 @@
-import { use3dModels as e } from "../../hooks/use3dModels.js";
-import { useAssetMappedNodesForRevisions as t } from "../../hooks/cad/useAssetMappedNodesForRevisions.js";
-import { useMappedEdgesForRevisions as n } from "../../hooks/cad/useMappedEdgesForRevisions.js";
-import "../../hooks/index.js";
-import { useAll3dDirectConnectionsWithProperties as r } from "../../query/useAll3dDirectConnectionsWithProperties.js";
-import "../../query/index.js";
-import { useFetchClassicAssetsByIds as i } from "../../query/useFetchClassicAssetsByIds.js";
-import { generateRuleBasedOutputs as a } from "./core/generateRuleBasedOutputs.js";
-import { useGetDMConnectionWithNodeFromHybridMappingsQuery as o } from "./hooks/useGetDMConnectionWithNodeFromHybridMappingsQuery.js";
-import { createContext as s } from "react";
-//#region libs/shared/reveal-components/src/ui/components/RuleBasedOutputs/RuleBasedOutputsSelector.context.ts
-var c = {
-	use3dModels: e,
-	useAssetMappedNodesForRevisions: t,
-	useMappedEdgesForRevisions: n,
-	useAll3dDirectConnectionsWithProperties: r,
-	useGetDMConnectionWithNodeFromHybridMappingsQuery: o,
-	useFetchClassicAssetsByIds: i,
-	generateRuleBasedOutputs: a
-}, l = s(c);
-//#endregion
-export { l as RuleBasedOutputsSelectorContext, c as defaultRuleBasedOutputsSelectorDependencies };
+import { createContext } from "react";
+import { use3dModels, useAssetMappedNodesForRevisions, useMappedEdgesForRevisions } from "../../hooks/index.js";
+import { useAll3dDirectConnectionsWithProperties } from "../../query/index.js";
+import { useFetchClassicAssetsByIds } from "../../query/useFetchClassicAssetsByIds.js";
+import { generateRuleBasedOutputs } from "./core/generateRuleBasedOutputs.js";
+import { useGetDMConnectionWithNodeFromHybridMappingsQuery } from "./hooks/useGetDMConnectionWithNodeFromHybridMappingsQuery.js";
+export const defaultRuleBasedOutputsSelectorDependencies = {
+    use3dModels,
+    useAssetMappedNodesForRevisions,
+    useMappedEdgesForRevisions,
+    useAll3dDirectConnectionsWithProperties,
+    useGetDMConnectionWithNodeFromHybridMappingsQuery,
+    useFetchClassicAssetsByIds,
+    generateRuleBasedOutputs
+};
+export const RuleBasedOutputsSelectorContext = createContext(defaultRuleBasedOutputsSelectorDependencies);
+
+//# sourceMappingURL=RuleBasedOutputsSelector.context.js.map

package/dist/ui/components/RuleBasedOutputs/RuleBasedOutputsSelector.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/RuleBasedOutputs/RuleBasedOutputsSelector.context.ts"],"sourcesContent":["import type { Context } from 'react';\nimport { createContext } from 'react';\n\nimport { type InternalId } from '@cognite/sdk';\n\nimport { type DmCadAssetMapping } from '../../../data-providers/cache/cad/assetMappingTypes';\nimport { type FdmConnectionWithNode } from '../../../data-providers/cache/types';\nimport { type CadModelOptions } from '../../../utilities/modelIds';\nimport {\n  use3dModels,\n  useAssetMappedNodesForRevisions,\n  useMappedEdgesForRevisions,\n} from '../../hooks';\nimport { useAll3dDirectConnectionsWithProperties } from '../../query';\nimport { useFetchClassicAssetsByIds } from '../../query/useFetchClassicAssetsByIds';\n\nimport { generateRuleBasedOutputs } from './core/generateRuleBasedOutputs';\nimport { useGetDMConnectionWithNodeFromHybridMappingsQuery } from './hooks/useGetDMConnectionWithNodeFromHybridMappingsQuery';\n\nexport type RuleBasedOutputsSelectorDependencies = {\n  use3dModels: typeof use3dModels;\n  useAssetMappedNodesForRevisions: (\n    cadModels: CadModelOptions[]\n  ) => Pick<\n    ReturnType<typeof useAssetMappedNodesForRevisions>,\n    'data' | 'isInitialLoading'\n  >;\n  useMappedEdgesForRevisions: (\n    cadModels: CadModelOptions[],\n    enabled: boolean\n  ) => Pick<\n    ReturnType<typeof useMappedEdgesForRevisions>,\n    'data' | 'isInitialLoading'\n  >;\n  useAll3dDirectConnectionsWithProperties: (\n    connectionWithNodeAndView: FdmConnectionWithNode[]\n  ) => Pick<\n    ReturnType<typeof useAll3dDirectConnectionsWithProperties>,\n    'data' | 'isInitialLoading'\n  >;\n  useGetDMConnectionWithNodeFromHybridMappingsQuery: (\n    nodeWithDmIdsFromHybridMappings: DmCadAssetMapping[],\n    models: CadModelOptions[]\n  ) => Pick<\n    ReturnType<typeof useGetDMConnectionWithNodeFromHybridMappingsQuery>,\n    'data' | 'isInitialLoading'\n  >;\n  useFetchClassicAssetsByIds: (\n    assetIdsToFilter: InternalId[]\n  ) => Pick<\n    ReturnType<typeof useFetchClassicAssetsByIds>,\n    'data' | 'isInitialLoading' | 'isFetched'\n  >;\n  generateRuleBasedOutputs: typeof generateRuleBasedOutputs;\n};\n\nexport const defaultRuleBasedOutputsSelectorDependencies: RuleBasedOutputsSelectorDependencies =\n  {\n    use3dModels,\n    useAssetMappedNodesForRevisions,\n    useMappedEdgesForRevisions,\n    useAll3dDirectConnectionsWithProperties,\n    useGetDMConnectionWithNodeFromHybridMappingsQuery,\n    useFetchClassicAssetsByIds,\n    generateRuleBasedOutputs,\n  };\n\nexport const RuleBasedOutputsSelectorContext: Context<RuleBasedOutputsSelectorDependencies> =\n  createContext<RuleBasedOutputsSelectorDependencies>(\n    defaultRuleBasedOutputsSelectorDependencies\n  );\n"],"names":["createContext","use3dModels","useAssetMappedNodesForRevisions","useMappedEdgesForRevisions","useAll3dDirectConnectionsWithProperties","useFetchClassicAssetsByIds","generateRuleBasedOutputs","useGetDMConnectionWithNodeFromHybridMappingsQuery","defaultRuleBasedOutputsSelectorDependencies","RuleBasedOutputsSelectorContext"],"mappings":"AACA,SAASA,aAAa,QAAQ,QAAQ;AAOtC,SACEC,WAAW,EACXC,+BAA+B,EAC/BC,0BAA0B,QACrB,uBAAc;AACrB,SAASC,uCAAuC,QAAQ,uBAAc;AACtE,SAASC,0BAA0B,QAAQ,4CAAyC;AAEpF,SAASC,wBAAwB,QAAQ,qCAAkC;AAC3E,SAASC,iDAAiD,QAAQ,+DAA4D;AAuC9H,OAAO,MAAMC,8CACX;IACEP;IACAC;IACAC;IACAC;IACAG;IACAF;IACAC;AACF,EAAE;AAEJ,OAAO,MAAMG,kCACXT,cACEQ,6CACA"}

package/dist/ui/components/RuleBasedOutputs/RuleBasedOutputsSelector.d.ts

@@ -1,9 +1,9 @@
-import { ReactElement } from 'react';
-import { StylingGroupAndStyleIndex, RuleOutputSet } from './types';
+import { type ReactElement } from "react";
+import type { StylingGroupAndStyleIndex, RuleOutputSet } from "./types";
 export declare const ruleSetStylingCache: Map<string, StylingGroupAndStyleIndex[]>;
 export type ColorOverlayProps = {
-    ruleSet: RuleOutputSet | undefined;
-    onRuleSetChanged?: (currentStylings: StylingGroupAndStyleIndex[] | undefined) => void;
-    onAllMappingsFetched: (value: boolean) => void;
+	ruleSet: RuleOutputSet | undefined;
+	onRuleSetChanged?: (currentStylings: StylingGroupAndStyleIndex[] | undefined) => void;
+	onAllMappingsFetched: (value: boolean) => void;
 };
-export declare function RuleBasedOutputsSelector({ ruleSet, onRuleSetChanged, onAllMappingsFetched, }: ColorOverlayProps): ReactElement | undefined;
+export declare function RuleBasedOutputsSelector({ ruleSet, onRuleSetChanged, onAllMappingsFetched }: ColorOverlayProps): ReactElement | undefined;