@perses-dev/components 0.55.0 → 0.56.0-beta.0

package/dist/YAxisLabel.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -12,31 +13,74 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { Box, Typography } from "@mui/material";
-export function YAxisLabel({ name, height }) {
-    return /*#__PURE__*/ _jsx(Box, {
-        style: {
+export function YAxisLabel(t0) {
+    const $ = _c(10);
+    const { name, height } = t0;
+    const t1 = `calc(${height}px / 2)`;
+    let t2;
+    if ($[0] !== height || $[1] !== t1) {
+        t2 = {
             maxWidth: height,
-            top: `calc(${height}px / 2)`
-        },
-        sx: {
-            display: 'inline-block',
-            position: 'absolute',
-            transform: 'translateX(-50%) rotate(-90deg)',
-            transformOrigin: 'top',
-            textAlign: 'center',
+            top: t1
+        };
+        $[0] = height;
+        $[1] = t1;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    let t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = {
+            display: "inline-block",
+            position: "absolute",
+            transform: "translateX(-50%) rotate(-90deg)",
+            transformOrigin: "top",
+            textAlign: "center",
             zIndex: 1
-        },
-        children: /*#__PURE__*/ _jsx(Typography, {
+        };
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+        };
+        $[4] = t4;
+    } else {
+        t4 = $[4];
+    }
+    let t5;
+    if ($[5] !== name) {
+        t5 = /*#__PURE__*/ _jsx(Typography, {
             variant: "body1",
             "aria-label": "y axis label",
-            sx: {
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis'
-            },
+            sx: t4,
             children: name
-        })
-    });
+        });
+        $[5] = name;
+        $[6] = t5;
+    } else {
+        t5 = $[6];
+    }
+    let t6;
+    if ($[7] !== t2 || $[8] !== t5) {
+        t6 = /*#__PURE__*/ _jsx(Box, {
+            style: t2,
+            sx: t3,
+            children: t5
+        });
+        $[7] = t2;
+        $[8] = t5;
+        $[9] = t6;
+    } else {
+        t6 = $[9];
+    }
+    return t6;
 }
 
 //# sourceMappingURL=YAxisLabel.js.map

package/dist/YAxisLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/YAxisLabel.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Typography } from '@mui/material';\nimport type { ReactElement } from 'react';\n\ninterface YAxisLabelProps {\n  name: string;\n  height: number;\n}\n\nexport function YAxisLabel({ name, height }: YAxisLabelProps): ReactElement {\n  return (\n    <Box\n      style={{\n        maxWidth: height, // allows rotated text to truncate instead of causing overlap\n        top: `calc(${height}px / 2)`,\n      }}\n      sx={{\n        display: 'inline-block',\n        position: 'absolute',\n        transform: 'translateX(-50%) rotate(-90deg)',\n        transformOrigin: 'top',\n        textAlign: 'center',\n        zIndex: 1,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        aria-label=\"y axis label\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n"],"names":["Box","Typography","YAxisLabel","name","height","style","maxWidth","top","sx","display","position","transform","transformOrigin","textAlign","zIndex","variant","aria-label","whiteSpace","overflow","textOverflow"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,EAAEC,UAAU,QAAQ,gBAAgB;AAQhD,OAAO,SAASC,WAAW,EAAEC,IAAI,EAAEC,MAAM,EAAmB;IAC1D,qBACE,KAACJ;QACCK,OAAO;YACLC,UAAUF;YACVG,KAAK,CAAC,KAAK,EAAEH,OAAO,OAAO,CAAC;QAC9B;QACAI,IAAI;YACFC,SAAS;YACTC,UAAU;YACVC,WAAW;YACXC,iBAAiB;YACjBC,WAAW;YACXC,QAAQ;QACV;kBAEA,cAAA,KAACb;YACCc,SAAQ;YACRC,cAAW;YACXR,IAAI;gBACFS,YAAY;gBACZC,UAAU;gBACVC,cAAc;YAChB;sBAEChB;;;AAIT"}
+{"version":3,"sources":["../src/YAxisLabel.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Typography } from '@mui/material';\nimport type { ReactElement } from 'react';\n\ninterface YAxisLabelProps {\n  name: string;\n  height: number;\n}\n\nexport function YAxisLabel({ name, height }: YAxisLabelProps): ReactElement {\n  return (\n    <Box\n      style={{\n        maxWidth: height, // allows rotated text to truncate instead of causing overlap\n        top: `calc(${height}px / 2)`,\n      }}\n      sx={{\n        display: 'inline-block',\n        position: 'absolute',\n        transform: 'translateX(-50%) rotate(-90deg)',\n        transformOrigin: 'top',\n        textAlign: 'center',\n        zIndex: 1,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        aria-label=\"y axis label\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n"],"names":["Box","Typography"],"mappings":";;AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,EAAEC,UAAU,QAAQ,gBAAgB;AAQhD,OAAO"}

package/dist/context/ChartsProvider.js

@@ -11,35 +11,51 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext, useMemo, useState } from "react";
+import { c as _c } from "react-compiler-runtime";
+import React, { createContext, useContext, useState } from "react";
 export function ChartsProvider(props) {
-    const { children, chartsTheme, enablePinning = false, enableSyncGrouping = true } = props;
+    const $ = _c(8);
+    const { children, chartsTheme, enablePinning: t0, enableSyncGrouping: t1 } = props;
+    const enablePinning = t0 === undefined ? false : t0;
+    const enableSyncGrouping = t1 === undefined ? true : t1;
     const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = useState(null);
-    const ctx = useMemo(()=>{
-        return {
+    let t2;
+    if ($[0] !== chartsTheme || $[1] !== enablePinning || $[2] !== enableSyncGrouping || $[3] !== lastTooltipPinnedCoords) {
+        t2 = {
             chartsTheme,
             enablePinning,
             lastTooltipPinnedCoords,
             enableSyncGrouping,
             setLastTooltipPinnedCoords
         };
-    }, [
-        chartsTheme,
-        enablePinning,
-        enableSyncGrouping,
-        lastTooltipPinnedCoords,
-        setLastTooltipPinnedCoords
-    ]);
-    return /*#__PURE__*/ _jsx(ChartsThemeContext.Provider, {
-        value: ctx,
-        children: children
-    });
+        $[0] = chartsTheme;
+        $[1] = enablePinning;
+        $[2] = enableSyncGrouping;
+        $[3] = lastTooltipPinnedCoords;
+        $[4] = t2;
+    } else {
+        t2 = $[4];
+    }
+    const ctx = t2;
+    let t3;
+    if ($[5] !== children || $[6] !== ctx) {
+        t3 = /*#__PURE__*/ _jsx(ChartsThemeContext.Provider, {
+            value: ctx,
+            children: children
+        });
+        $[5] = children;
+        $[6] = ctx;
+        $[7] = t3;
+    } else {
+        t3 = $[7];
+    }
+    return t3;
 }
 export const ChartsThemeContext = /*#__PURE__*/ createContext(undefined);
 export function useChartsContext() {
     const ctx = useContext(ChartsThemeContext);
     if (ctx === undefined) {
-        throw new Error('No ChartsThemeContext found. Did you forget a Provider?');
+        throw new Error("No ChartsThemeContext found. Did you forget a Provider?");
     }
     return ctx;
 }

package/dist/context/ChartsProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/ChartsProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { ReactElement } from 'react';\nimport React, { createContext, useContext, useMemo, useState } from 'react';\n\nimport type { PersesChartsTheme } from '../model';\nimport type { CursorCoordinates } from '../TimeSeriesTooltip';\n\nexport interface ChartsProviderProps {\n  chartsTheme: PersesChartsTheme;\n  enablePinning?: boolean;\n  enableSyncGrouping?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface SharedChartsState {\n  chartsTheme: PersesChartsTheme;\n  enablePinning: boolean;\n  enableSyncGrouping: boolean;\n  lastTooltipPinnedCoords: CursorCoordinates | null;\n  setLastTooltipPinnedCoords: (lastTooltipPinnedCoords: CursorCoordinates | null) => void;\n}\n\nexport function ChartsProvider(props: ChartsProviderProps): ReactElement {\n  const { children, chartsTheme, enablePinning = false, enableSyncGrouping = true } = props;\n\n  const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = useState<CursorCoordinates | null>(null);\n\n  const ctx = useMemo(() => {\n    return {\n      chartsTheme,\n      enablePinning,\n      lastTooltipPinnedCoords,\n      enableSyncGrouping,\n      setLastTooltipPinnedCoords,\n    };\n  }, [chartsTheme, enablePinning, enableSyncGrouping, lastTooltipPinnedCoords, setLastTooltipPinnedCoords]);\n\n  return <ChartsThemeContext.Provider value={ctx}>{children}</ChartsThemeContext.Provider>;\n}\n\nexport const ChartsThemeContext = createContext<SharedChartsState | undefined>(undefined);\n\nexport function useChartsContext(): SharedChartsState {\n  const ctx = useContext(ChartsThemeContext);\n  if (ctx === undefined) {\n    throw new Error('No ChartsThemeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useChartsTheme(): PersesChartsTheme {\n  const ctx = useChartsContext();\n  return ctx.chartsTheme;\n}\n"],"names":["React","createContext","useContext","useMemo","useState","ChartsProvider","props","children","chartsTheme","enablePinning","enableSyncGrouping","lastTooltipPinnedCoords","setLastTooltipPinnedCoords","ctx","ChartsThemeContext","Provider","value","undefined","useChartsContext","Error","useChartsTheme"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAoB5E,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,gBAAgB,KAAK,EAAEC,qBAAqB,IAAI,EAAE,GAAGJ;IAEpF,MAAM,CAACK,yBAAyBC,2BAA2B,GAAGR,SAAmC;IAEjG,MAAMS,MAAMV,QAAQ;QAClB,OAAO;YACLK;YACAC;YACAE;YACAD;YACAE;QACF;IACF,GAAG;QAACJ;QAAaC;QAAeC;QAAoBC;QAAyBC;KAA2B;IAExG,qBAAO,KAACE,mBAAmBC,QAAQ;QAACC,OAAOH;kBAAMN;;AACnD;AAEA,OAAO,MAAMO,mCAAqBb,cAA6CgB,WAAW;AAE1F,OAAO,SAASC;IACd,MAAML,MAAMX,WAAWY;IACvB,IAAID,QAAQI,WAAW;QACrB,MAAM,IAAIE,MAAM;IAClB;IACA,OAAON;AACT;AAEA,OAAO,SAASO;IACd,MAAMP,MAAMK;IACZ,OAAOL,IAAIL,WAAW;AACxB"}
+{"version":3,"sources":["../../src/context/ChartsProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { ReactElement } from 'react';\nimport React, { createContext, useContext, useMemo, useState } from 'react';\n\nimport type { PersesChartsTheme } from '../model';\nimport type { CursorCoordinates } from '../TimeSeriesTooltip';\n\nexport interface ChartsProviderProps {\n  chartsTheme: PersesChartsTheme;\n  enablePinning?: boolean;\n  enableSyncGrouping?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface SharedChartsState {\n  chartsTheme: PersesChartsTheme;\n  enablePinning: boolean;\n  enableSyncGrouping: boolean;\n  lastTooltipPinnedCoords: CursorCoordinates | null;\n  setLastTooltipPinnedCoords: (lastTooltipPinnedCoords: CursorCoordinates | null) => void;\n}\n\nexport function ChartsProvider(props: ChartsProviderProps): ReactElement {\n  const { children, chartsTheme, enablePinning = false, enableSyncGrouping = true } = props;\n\n  const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = useState<CursorCoordinates | null>(null);\n\n  const ctx = useMemo(() => {\n    return {\n      chartsTheme,\n      enablePinning,\n      lastTooltipPinnedCoords,\n      enableSyncGrouping,\n      setLastTooltipPinnedCoords,\n    };\n  }, [chartsTheme, enablePinning, enableSyncGrouping, lastTooltipPinnedCoords, setLastTooltipPinnedCoords]);\n\n  return <ChartsThemeContext.Provider value={ctx}>{children}</ChartsThemeContext.Provider>;\n}\n\nexport const ChartsThemeContext = createContext<SharedChartsState | undefined>(undefined);\n\nexport function useChartsContext(): SharedChartsState {\n  const ctx = useContext(ChartsThemeContext);\n  if (ctx === undefined) {\n    throw new Error('No ChartsThemeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useChartsTheme(): PersesChartsTheme {\n  const ctx = useChartsContext();\n  return ctx.chartsTheme;\n}\n"],"names":["React","createContext","useContext","useState","ChartsThemeContext","undefined"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;;AAGjC,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAWC,QAAQ,QAAQ,QAAQ;AAoB5E,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBP,OAAO,MAAMC,mCAAqBH,cAA6CI,WAAW;AAE1F,OAAO;;;;;;;AAQP,OAAO"}

package/dist/context/ItemActionsProvider.js

@@ -11,64 +11,101 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { c as _c } from "react-compiler-runtime";
+import { createContext, useContext, useState } from "react";
 const ItemActionsContext = /*#__PURE__*/ createContext(undefined);
-export function ItemActionsProvider({ children }) {
-    const [actionStatuses, setActionStatuses] = useState(new Map());
-    const setActionStatus = useCallback((actionName, status, itemId)=>{
-        setActionStatuses((prev)=>{
-            const newMap = new Map(prev);
-            const existingStatus = newMap.get(actionName) || {
-                loading: false
-            };
-            if (itemId !== undefined) {
-                // Update item-level status for individual actions
-                const itemStatuses = new Map(existingStatus.itemStatuses || new Map());
-                const existingItemStatus = itemStatuses.get(itemId) || {
+export function ItemActionsProvider(t0) {
+    const $ = _c(8);
+    const { children } = t0;
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = new Map();
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    const [actionStatuses, setActionStatuses] = useState(t1);
+    let t2;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = (actionName, status, itemId)=>{
+            setActionStatuses((prev)=>{
+                const newMap = new Map(prev);
+                const existingStatus = newMap.get(actionName) || {
                     loading: false
                 };
-                itemStatuses.set(itemId, {
-                    ...existingItemStatus,
-                    ...status
-                });
-                newMap.set(actionName, {
-                    ...existingStatus,
-                    itemStatuses
-                });
-            } else {
-                // Update action-level status for batch actions
-                newMap.set(actionName, {
-                    ...existingStatus,
-                    ...status
-                });
-            }
-            return newMap;
-        });
-    }, []);
-    const clearActionStatus = useCallback((actionName)=>{
-        setActionStatuses((prev)=>{
-            if (actionName === undefined) {
-                return new Map();
-            }
-            if (!prev.has(actionName)) return prev;
-            const newMap = new Map(prev);
-            newMap.delete(actionName);
-            return newMap;
-        });
-    }, []);
-    const ctx = useMemo(()=>({
+                if (itemId !== undefined) {
+                    const itemStatuses = new Map(existingStatus.itemStatuses || new Map());
+                    const existingItemStatus = itemStatuses.get(itemId) || {
+                        loading: false
+                    };
+                    itemStatuses.set(itemId, {
+                        ...existingItemStatus,
+                        ...status
+                    });
+                    newMap.set(actionName, {
+                        ...existingStatus,
+                        itemStatuses
+                    });
+                } else {
+                    newMap.set(actionName, {
+                        ...existingStatus,
+                        ...status
+                    });
+                }
+                return newMap;
+            });
+        };
+        $[1] = t2;
+    } else {
+        t2 = $[1];
+    }
+    const setActionStatus = t2;
+    let t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = (actionName_0)=>{
+            setActionStatuses((prev_0)=>{
+                if (actionName_0 === undefined) {
+                    return new Map();
+                }
+                if (!prev_0.has(actionName_0)) {
+                    return prev_0;
+                }
+                const newMap_0 = new Map(prev_0);
+                newMap_0.delete(actionName_0);
+                return newMap_0;
+            });
+        };
+        $[2] = t3;
+    } else {
+        t3 = $[2];
+    }
+    const clearActionStatus = t3;
+    let t4;
+    if ($[3] !== actionStatuses) {
+        t4 = {
             actionStatuses,
             setActionStatus,
             clearActionStatus
-        }), [
-        actionStatuses,
-        setActionStatus,
-        clearActionStatus
-    ]);
-    return /*#__PURE__*/ _jsx(ItemActionsContext.Provider, {
-        value: ctx,
-        children: children
-    });
+        };
+        $[3] = actionStatuses;
+        $[4] = t4;
+    } else {
+        t4 = $[4];
+    }
+    const ctx = t4;
+    let t5;
+    if ($[5] !== children || $[6] !== ctx) {
+        t5 = /*#__PURE__*/ _jsx(ItemActionsContext.Provider, {
+            value: ctx,
+            children: children
+        });
+        $[5] = children;
+        $[6] = ctx;
+        $[7] = t5;
+    } else {
+        t5 = $[7];
+    }
+    return t5;
 }
 const noOp = ()=>{};
 const emptyActionStatuses = new Map();
@@ -79,16 +116,28 @@ const defaultState = {
     hasContext: false
 };
 export function useItemActions() {
+    const $ = _c(2);
     const ctx = useContext(ItemActionsContext);
-    const memoizedResult = useMemo(()=>{
-        if (!ctx) return defaultState;
-        return {
-            ...ctx,
-            hasContext: true
-        };
-    }, [
-        ctx
-    ]);
+    let t0;
+    bb0: {
+        if (!ctx) {
+            t0 = defaultState;
+            break bb0;
+        }
+        let t1;
+        if ($[0] !== ctx) {
+            t1 = {
+                ...ctx,
+                hasContext: true
+            };
+            $[0] = ctx;
+            $[1] = t1;
+        } else {
+            t1 = $[1];
+        }
+        t0 = t1;
+    }
+    const memoizedResult = t0;
     return memoizedResult;
 }
 

package/dist/context/ItemActionsProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/ItemActionsProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { ReactElement, ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nexport interface ItemActionStatus {\n  loading: boolean;\n  error?: Error;\n  success?: boolean;\n}\n\nexport interface ActionStatus {\n  loading: boolean;\n  error?: Error;\n  success?: boolean;\n  itemStatuses?: Map<unknown, ItemActionStatus>;\n}\n\nexport interface ActionState<Id = unknown> {\n  actionStatuses: Map<string, ActionStatus>;\n  setActionStatus: (actionName: string, status: Partial<ActionStatus>, itemId?: Id) => void;\n  clearActionStatus: (actionName?: string) => void;\n}\n\nexport interface ItemActionsProviderProps {\n  children: ReactNode;\n}\n\nconst ItemActionsContext = createContext<ActionState<unknown> | undefined>(undefined);\n\nexport function ItemActionsProvider({ children }: ItemActionsProviderProps): ReactElement {\n  const [actionStatuses, setActionStatuses] = useState(new Map<string, ActionStatus>());\n\n  const setActionStatus = useCallback((actionName: string, status: Partial<ActionStatus>, itemId?: unknown) => {\n    setActionStatuses((prev) => {\n      const newMap = new Map(prev);\n      const existingStatus = newMap.get(actionName) || { loading: false };\n\n      if (itemId !== undefined) {\n        // Update item-level status for individual actions\n        const itemStatuses = new Map(existingStatus.itemStatuses || new Map());\n        const existingItemStatus = itemStatuses.get(itemId) || { loading: false };\n        itemStatuses.set(itemId, { ...existingItemStatus, ...status } as ItemActionStatus);\n        newMap.set(actionName, { ...existingStatus, itemStatuses });\n      } else {\n        // Update action-level status for batch actions\n        newMap.set(actionName, { ...existingStatus, ...status });\n      }\n\n      return newMap;\n    });\n  }, []);\n\n  const clearActionStatus = useCallback((actionName?: string) => {\n    setActionStatuses((prev) => {\n      if (actionName === undefined) {\n        return new Map();\n      }\n      if (!prev.has(actionName)) return prev;\n      const newMap = new Map(prev);\n      newMap.delete(actionName);\n      return newMap;\n    });\n  }, []);\n\n  const ctx = useMemo<ActionState<unknown>>(\n    () => ({\n      actionStatuses,\n      setActionStatus,\n      clearActionStatus,\n    }),\n    [actionStatuses, setActionStatus, clearActionStatus],\n  );\n\n  return <ItemActionsContext.Provider value={ctx}>{children}</ItemActionsContext.Provider>;\n}\n\nconst noOp = (): void => {};\nconst emptyActionStatuses = new Map<string, ActionStatus>();\nconst defaultState: ActionState<unknown> & { hasContext: false } = {\n  actionStatuses: emptyActionStatuses,\n  setActionStatus: noOp,\n  clearActionStatus: noOp,\n  hasContext: false,\n};\n\nexport function useItemActions<Id = string | number>(): ActionState<Id> & { hasContext: boolean } {\n  const ctx = useContext(ItemActionsContext);\n\n  const memoizedResult = useMemo(() => {\n    if (!ctx) return defaultState as ActionState<Id> & { hasContext: false };\n\n    return { ...ctx, hasContext: true } as ActionState<Id> & { hasContext: true };\n  }, [ctx]);\n\n  return memoizedResult;\n}\n"],"names":["createContext","useCallback","useContext","useMemo","useState","ItemActionsContext","undefined","ItemActionsProvider","children","actionStatuses","setActionStatuses","Map","setActionStatus","actionName","status","itemId","prev","newMap","existingStatus","get","loading","itemStatuses","existingItemStatus","set","clearActionStatus","has","delete","ctx","Provider","value","noOp","emptyActionStatuses","defaultState","hasContext","useItemActions","memoizedResult"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAyBlF,MAAMC,mCAAqBL,cAAgDM;AAE3E,OAAO,SAASC,oBAAoB,EAAEC,QAAQ,EAA4B;IACxE,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGN,SAAS,IAAIO;IAEzD,MAAMC,kBAAkBX,YAAY,CAACY,YAAoBC,QAA+BC;QACtFL,kBAAkB,CAACM;YACjB,MAAMC,SAAS,IAAIN,IAAIK;YACvB,MAAME,iBAAiBD,OAAOE,GAAG,CAACN,eAAe;gBAAEO,SAAS;YAAM;YAElE,IAAIL,WAAWT,WAAW;gBACxB,kDAAkD;gBAClD,MAAMe,eAAe,IAAIV,IAAIO,eAAeG,YAAY,IAAI,IAAIV;gBAChE,MAAMW,qBAAqBD,aAAaF,GAAG,CAACJ,WAAW;oBAAEK,SAAS;gBAAM;gBACxEC,aAAaE,GAAG,CAACR,QAAQ;oBAAE,GAAGO,kBAAkB;oBAAE,GAAGR,MAAM;gBAAC;gBAC5DG,OAAOM,GAAG,CAACV,YAAY;oBAAE,GAAGK,cAAc;oBAAEG;gBAAa;YAC3D,OAAO;gBACL,+CAA+C;gBAC/CJ,OAAOM,GAAG,CAACV,YAAY;oBAAE,GAAGK,cAAc;oBAAE,GAAGJ,MAAM;gBAAC;YACxD;YAEA,OAAOG;QACT;IACF,GAAG,EAAE;IAEL,MAAMO,oBAAoBvB,YAAY,CAACY;QACrCH,kBAAkB,CAACM;YACjB,IAAIH,eAAeP,WAAW;gBAC5B,OAAO,IAAIK;YACb;YACA,IAAI,CAACK,KAAKS,GAAG,CAACZ,aAAa,OAAOG;YAClC,MAAMC,SAAS,IAAIN,IAAIK;YACvBC,OAAOS,MAAM,CAACb;YACd,OAAOI;QACT;IACF,GAAG,EAAE;IAEL,MAAMU,MAAMxB,QACV,IAAO,CAAA;YACLM;YACAG;YACAY;QACF,CAAA,GACA;QAACf;QAAgBG;QAAiBY;KAAkB;IAGtD,qBAAO,KAACnB,mBAAmBuB,QAAQ;QAACC,OAAOF;kBAAMnB;;AACnD;AAEA,MAAMsB,OAAO,KAAa;AAC1B,MAAMC,sBAAsB,IAAIpB;AAChC,MAAMqB,eAA6D;IACjEvB,gBAAgBsB;IAChBnB,iBAAiBkB;IACjBN,mBAAmBM;IACnBG,YAAY;AACd;AAEA,OAAO,SAASC;IACd,MAAMP,MAAMzB,WAAWG;IAEvB,MAAM8B,iBAAiBhC,QAAQ;QAC7B,IAAI,CAACwB,KAAK,OAAOK;QAEjB,OAAO;YAAE,GAAGL,GAAG;YAAEM,YAAY;QAAK;IACpC,GAAG;QAACN;KAAI;IAER,OAAOQ;AACT"}
+{"version":3,"sources":["../../src/context/ItemActionsProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { ReactElement, ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nexport interface ItemActionStatus {\n  loading: boolean;\n  error?: Error;\n  success?: boolean;\n}\n\nexport interface ActionStatus {\n  loading: boolean;\n  error?: Error;\n  success?: boolean;\n  itemStatuses?: Map<unknown, ItemActionStatus>;\n}\n\nexport interface ActionState<Id = unknown> {\n  actionStatuses: Map<string, ActionStatus>;\n  setActionStatus: (actionName: string, status: Partial<ActionStatus>, itemId?: Id) => void;\n  clearActionStatus: (actionName?: string) => void;\n}\n\nexport interface ItemActionsProviderProps {\n  children: ReactNode;\n}\n\nconst ItemActionsContext = createContext<ActionState<unknown> | undefined>(undefined);\n\nexport function ItemActionsProvider({ children }: ItemActionsProviderProps): ReactElement {\n  const [actionStatuses, setActionStatuses] = useState(new Map<string, ActionStatus>());\n\n  const setActionStatus = useCallback((actionName: string, status: Partial<ActionStatus>, itemId?: unknown) => {\n    setActionStatuses((prev) => {\n      const newMap = new Map(prev);\n      const existingStatus = newMap.get(actionName) || { loading: false };\n\n      if (itemId !== undefined) {\n        // Update item-level status for individual actions\n        const itemStatuses = new Map(existingStatus.itemStatuses || new Map());\n        const existingItemStatus = itemStatuses.get(itemId) || { loading: false };\n        itemStatuses.set(itemId, { ...existingItemStatus, ...status } as ItemActionStatus);\n        newMap.set(actionName, { ...existingStatus, itemStatuses });\n      } else {\n        // Update action-level status for batch actions\n        newMap.set(actionName, { ...existingStatus, ...status });\n      }\n\n      return newMap;\n    });\n  }, []);\n\n  const clearActionStatus = useCallback((actionName?: string) => {\n    setActionStatuses((prev) => {\n      if (actionName === undefined) {\n        return new Map();\n      }\n      if (!prev.has(actionName)) return prev;\n      const newMap = new Map(prev);\n      newMap.delete(actionName);\n      return newMap;\n    });\n  }, []);\n\n  const ctx = useMemo<ActionState<unknown>>(\n    () => ({\n      actionStatuses,\n      setActionStatus,\n      clearActionStatus,\n    }),\n    [actionStatuses, setActionStatus, clearActionStatus],\n  );\n\n  return <ItemActionsContext.Provider value={ctx}>{children}</ItemActionsContext.Provider>;\n}\n\nconst noOp = (): void => {};\nconst emptyActionStatuses = new Map<string, ActionStatus>();\nconst defaultState: ActionState<unknown> & { hasContext: false } = {\n  actionStatuses: emptyActionStatuses,\n  setActionStatus: noOp,\n  clearActionStatus: noOp,\n  hasContext: false,\n};\n\nexport function useItemActions<Id = string | number>(): ActionState<Id> & { hasContext: boolean } {\n  const ctx = useContext(ItemActionsContext);\n\n  const memoizedResult = useMemo(() => {\n    if (!ctx) return defaultState as ActionState<Id> & { hasContext: false };\n\n    return { ...ctx, hasContext: true } as ActionState<Id> & { hasContext: true };\n  }, [ctx]);\n\n  return memoizedResult;\n}\n"],"names":["createContext","useContext","useState","ItemActionsContext","undefined","noOp","emptyActionStatuses","Map","defaultState","actionStatuses","setActionStatus","clearActionStatus","hasContext"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;;AAGjC,SAASA,aAAa,EAAeC,UAAU,EAAWC,QAAQ,QAAQ,QAAQ;AAyBlF,MAAMC,mCAAqBH,cAAgDI;AAE3E,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CP,MAAMC,OAAO,KAAa;AAC1B,MAAMC,sBAAsB,IAAIC;AAChC,MAAMC,eAA6D;IACjEC,gBAAgBH;IAChBI,iBAAiBL;IACjBM,mBAAmBN;IACnBO,YAAY;AACd;AAEA,OAAO"}