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

package/dist/Legend/ListLegendItem.js

@@ -11,67 +11,203 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 import { Box, ListItemText, ListItemButton } from "@mui/material";
 import { forwardRef, memo, useState } from "react";
 import { combineSx } from "../utils/index.js";
 import { LegendColorBadge } from "./LegendColorBadge.js";
-const ListLegendItemBase = /*#__PURE__*/ forwardRef(function ListLegendItem({ item, sx, truncateLabel, onClick, isVisuallySelected, onMouseOver, onMouseOut, index, ...others }, ref) {
+const ListLegendItemBase = /*#__PURE__*/ forwardRef(function ListLegendItem(t0, ref) {
+    const $ = _c(47);
+    let index;
+    let isVisuallySelected;
+    let item;
+    let onClick;
+    let onMouseOut;
+    let onMouseOver;
+    let others;
+    let sx;
+    let truncateLabel;
+    if ($[0] !== t0) {
+        ({ item, sx, truncateLabel, onClick, isVisuallySelected, onMouseOver, onMouseOut, index, ...others } = t0);
+        $[0] = t0;
+        $[1] = index;
+        $[2] = isVisuallySelected;
+        $[3] = item;
+        $[4] = onClick;
+        $[5] = onMouseOut;
+        $[6] = onMouseOver;
+        $[7] = others;
+        $[8] = sx;
+        $[9] = truncateLabel;
+    } else {
+        index = $[1];
+        isVisuallySelected = $[2];
+        item = $[3];
+        onClick = $[4];
+        onMouseOut = $[5];
+        onMouseOver = $[6];
+        others = $[7];
+        sx = $[8];
+        truncateLabel = $[9];
+    }
     const [noWrap, setNoWrap] = useState(truncateLabel);
-    function handleTextMouseOver() {
-        if (truncateLabel) {
-            setNoWrap(false);
-        }
+    let t1;
+    if ($[10] !== truncateLabel) {
+        t1 = function handleTextMouseOver() {
+            if (truncateLabel) {
+                setNoWrap(false);
+            }
+        };
+        $[10] = truncateLabel;
+        $[11] = t1;
+    } else {
+        t1 = $[11];
+    }
+    const handleTextMouseOver = t1;
+    let t2;
+    if ($[12] !== truncateLabel) {
+        t2 = function handleTextMouseOut() {
+            if (truncateLabel) {
+                setNoWrap(true);
+            }
+        };
+        $[12] = truncateLabel;
+        $[13] = t2;
+    } else {
+        t2 = $[13];
     }
-    function handleTextMouseOut() {
-        if (truncateLabel) {
-            setNoWrap(true);
-        }
+    const handleTextMouseOut = t2;
+    let t3;
+    if ($[14] !== item || $[15] !== onClick) {
+        t3 = (e)=>{
+            onClick(e, item.id);
+            item.onClick?.(e);
+        };
+        $[14] = item;
+        $[15] = onClick;
+        $[16] = t3;
+    } else {
+        t3 = $[16];
     }
-    const handleClick = (e)=>{
-        onClick(e, item.id);
-        item.onClick?.(e);
-    };
-    // ListItemButton must remain the measured and interactive element while exposing its position in the surrounding list.
-    /* oxlint-disable jsx-a11y/prefer-tag-over-role */ return /*#__PURE__*/ _jsxs(ListItemButton, {
-        ...others,
-        role: "listitem",
-        sx: combineSx({
+    const handleClick = t3;
+    let t4;
+    if ($[17] !== sx) {
+        t4 = combineSx({
             padding: 0,
-            cursor: 'pointer'
-        }, sx),
-        dense: true,
-        onClick: handleClick,
-        onMouseOver: (e)=>onMouseOver?.(e, {
+            cursor: "pointer"
+        }, sx);
+        $[17] = sx;
+        $[18] = t4;
+    } else {
+        t4 = $[18];
+    }
+    let t5;
+    if ($[19] !== index || $[20] !== item.id || $[21] !== onMouseOver) {
+        t5 = (e_0)=>onMouseOver?.(e_0, {
                 id: item.id,
                 index
-            }),
-        onMouseOut: (e)=>onMouseOut?.(e, {
+            });
+        $[19] = index;
+        $[20] = item.id;
+        $[21] = onMouseOver;
+        $[22] = t5;
+    } else {
+        t5 = $[22];
+    }
+    let t6;
+    if ($[23] !== index || $[24] !== item.id || $[25] !== onMouseOut) {
+        t6 = (e_1)=>onMouseOut?.(e_1, {
                 id: item.id,
                 index
-            }),
-        selected: isVisuallySelected,
-        ref: ref,
-        children: [
-            /*#__PURE__*/ _jsx(Box, {
-                sx: {
-                    display: 'flex',
-                    alignItems: 'center'
-                },
-                children: /*#__PURE__*/ _jsx(LegendColorBadge, {
-                    color: item.color
-                })
-            }),
-            /*#__PURE__*/ _jsx(ListItemText, {
-                primary: item.label,
-                primaryTypographyProps: {
-                    noWrap: noWrap
-                },
-                onMouseOver: handleTextMouseOver,
-                onMouseOut: handleTextMouseOut
+            });
+        $[23] = index;
+        $[24] = item.id;
+        $[25] = onMouseOut;
+        $[26] = t6;
+    } else {
+        t6 = $[26];
+    }
+    let t7;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = {
+            display: "flex",
+            alignItems: "center"
+        };
+        $[27] = t7;
+    } else {
+        t7 = $[27];
+    }
+    let t8;
+    if ($[28] !== item.color) {
+        t8 = /*#__PURE__*/ _jsx(Box, {
+            sx: t7,
+            children: /*#__PURE__*/ _jsx(LegendColorBadge, {
+                color: item.color
             })
-        ]
-    });
-/* oxlint-enable jsx-a11y/prefer-tag-over-role */ });
+        });
+        $[28] = item.color;
+        $[29] = t8;
+    } else {
+        t8 = $[29];
+    }
+    let t9;
+    if ($[30] !== noWrap) {
+        t9 = {
+            noWrap
+        };
+        $[30] = noWrap;
+        $[31] = t9;
+    } else {
+        t9 = $[31];
+    }
+    let t10;
+    if ($[32] !== handleTextMouseOut || $[33] !== handleTextMouseOver || $[34] !== item.label || $[35] !== t9) {
+        t10 = /*#__PURE__*/ _jsx(ListItemText, {
+            primary: item.label,
+            primaryTypographyProps: t9,
+            onMouseOver: handleTextMouseOver,
+            onMouseOut: handleTextMouseOut
+        });
+        $[32] = handleTextMouseOut;
+        $[33] = handleTextMouseOver;
+        $[34] = item.label;
+        $[35] = t9;
+        $[36] = t10;
+    } else {
+        t10 = $[36];
+    }
+    let t11;
+    if ($[37] !== handleClick || $[38] !== isVisuallySelected || $[39] !== others || $[40] !== ref || $[41] !== t10 || $[42] !== t4 || $[43] !== t5 || $[44] !== t6 || $[45] !== t8) {
+        t11 = /*#__PURE__*/ _jsxs(ListItemButton, {
+            ...others,
+            role: "listitem",
+            sx: t4,
+            dense: true,
+            onClick: handleClick,
+            onMouseOver: t5,
+            onMouseOut: t6,
+            selected: isVisuallySelected,
+            ref: ref,
+            children: [
+                t8,
+                t10
+            ]
+        });
+        $[37] = handleClick;
+        $[38] = isVisuallySelected;
+        $[39] = others;
+        $[40] = ref;
+        $[41] = t10;
+        $[42] = t4;
+        $[43] = t5;
+        $[44] = t6;
+        $[45] = t8;
+        $[46] = t11;
+    } else {
+        t11 = $[46];
+    }
+    return t11;
+});
 export const ListLegendItem = /*#__PURE__*/ memo(ListLegendItemBase);
 
 //# sourceMappingURL=ListLegendItem.js.map

package/dist/Legend/ListLegendItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Legend/ListLegendItem.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 { ListItemProps } from '@mui/material';\nimport { Box, ListItemText, ListItemButton } from '@mui/material';\nimport type { MouseEvent, MouseEventHandler, ReactElement } from 'react';\nimport { forwardRef, memo, useState } from 'react';\n\nimport { combineSx } from '../utils';\nimport type { LegendItem } from './legend-model';\nimport { LegendColorBadge } from './LegendColorBadge';\n\nexport type LegendItemEventOpts = {\n  /**\n   * Unique identifier for the legend item.\n   */\n  id: string;\n\n  /**\n   * Index of the row in the original data.\n   */\n  index: number;\n};\n\nexport interface ListLegendItemProps extends Omit<ListItemProps<'div'>, 'onClick' | 'onMouseOver' | 'onMouseOut'> {\n  item: LegendItem;\n\n  index: number;\n\n  /**\n   * When true, the item is rendered differently to visually communicate it is\n   * selected.\n   */\n  isVisuallySelected?: boolean;\n\n  onClick: (e: MouseEvent<HTMLElement>, seriesId: string) => void;\n\n  onMouseOver?: (e: MouseEvent, opts: LegendItemEventOpts) => void;\n  onMouseOut?: (e: MouseEvent, opts: LegendItemEventOpts) => void;\n\n  /**\n   * When `true`, will keep labels to a single line with overflow ellipsized. The\n   * full content will be shown on hover.\n   *\n   * When `false` or unset, will show the full label.\n   */\n  truncateLabel?: boolean;\n}\n\nconst ListLegendItemBase = forwardRef<HTMLDivElement, ListLegendItemProps>(function ListLegendItem(\n  { item, sx, truncateLabel, onClick, isVisuallySelected, onMouseOver, onMouseOut, index, ...others },\n  ref,\n): ReactElement {\n  const [noWrap, setNoWrap] = useState(truncateLabel);\n\n  function handleTextMouseOver(): void {\n    if (truncateLabel) {\n      setNoWrap(false);\n    }\n  }\n\n  function handleTextMouseOut(): void {\n    if (truncateLabel) {\n      setNoWrap(true);\n    }\n  }\n\n  const handleClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    onClick(e, item.id);\n    item.onClick?.(e);\n  };\n\n  // ListItemButton must remain the measured and interactive element while exposing its position in the surrounding list.\n  /* oxlint-disable jsx-a11y/prefer-tag-over-role */\n  return (\n    <ListItemButton\n      {...others}\n      role=\"listitem\"\n      sx={combineSx(\n        {\n          padding: 0,\n          cursor: 'pointer',\n        },\n        sx,\n      )}\n      dense={true}\n      onClick={handleClick}\n      onMouseOver={(e: MouseEvent) => onMouseOver?.(e, { id: item.id, index })}\n      onMouseOut={(e: MouseEvent) => onMouseOut?.(e, { id: item.id, index })}\n      selected={isVisuallySelected}\n      ref={ref}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        <LegendColorBadge color={item.color} />\n      </Box>\n      <ListItemText\n        primary={item.label}\n        primaryTypographyProps={{ noWrap: noWrap }}\n        onMouseOver={handleTextMouseOver}\n        onMouseOut={handleTextMouseOut}\n      ></ListItemText>\n    </ListItemButton>\n  );\n  /* oxlint-enable jsx-a11y/prefer-tag-over-role */\n});\n\nexport const ListLegendItem = memo(ListLegendItemBase);\n"],"names":["Box","ListItemText","ListItemButton","forwardRef","memo","useState","combineSx","LegendColorBadge","ListLegendItemBase","ListLegendItem","item","sx","truncateLabel","onClick","isVisuallySelected","onMouseOver","onMouseOut","index","others","ref","noWrap","setNoWrap","handleTextMouseOver","handleTextMouseOut","handleClick","e","id","role","padding","cursor","dense","selected","display","alignItems","color","primary","label","primaryTypographyProps"],"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,GAAG,EAAEC,YAAY,EAAEC,cAAc,QAAQ,gBAAgB;AAElE,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,oBAAW;AAErC,SAASC,gBAAgB,QAAQ,wBAAqB;AAuCtD,MAAMC,mCAAqBL,WAAgD,SAASM,eAClF,EAAEC,IAAI,EAAEC,EAAE,EAAEC,aAAa,EAAEC,OAAO,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,EAAEC,KAAK,EAAE,GAAGC,QAAQ,EACnGC,GAAG;IAEH,MAAM,CAACC,QAAQC,UAAU,GAAGhB,SAASO;IAErC,SAASU;QACP,IAAIV,eAAe;YACjBS,UAAU;QACZ;IACF;IAEA,SAASE;QACP,IAAIX,eAAe;YACjBS,UAAU;QACZ;IACF;IAEA,MAAMG,cAAiD,CAACC;QACtDZ,QAAQY,GAAGf,KAAKgB,EAAE;QAClBhB,KAAKG,OAAO,GAAGY;IACjB;IAEA,uHAAuH;IACvH,gDAAgD,GAChD,qBACE,MAACvB;QACE,GAAGgB,MAAM;QACVS,MAAK;QACLhB,IAAIL,UACF;YACEsB,SAAS;YACTC,QAAQ;QACV,GACAlB;QAEFmB,OAAO;QACPjB,SAASW;QACTT,aAAa,CAACU,IAAkBV,cAAcU,GAAG;gBAAEC,IAAIhB,KAAKgB,EAAE;gBAAET;YAAM;QACtED,YAAY,CAACS,IAAkBT,aAAaS,GAAG;gBAAEC,IAAIhB,KAAKgB,EAAE;gBAAET;YAAM;QACpEc,UAAUjB;QACVK,KAAKA;;0BAEL,KAACnB;gBAAIW,IAAI;oBAAEqB,SAAS;oBAAQC,YAAY;gBAAS;0BAC/C,cAAA,KAAC1B;oBAAiB2B,OAAOxB,KAAKwB,KAAK;;;0BAErC,KAACjC;gBACCkC,SAASzB,KAAK0B,KAAK;gBACnBC,wBAAwB;oBAAEjB,QAAQA;gBAAO;gBACzCL,aAAaO;gBACbN,YAAYO;;;;AAIlB,+CAA+C,GACjD;AAEA,OAAO,MAAMd,+BAAiBL,KAAKI,oBAAoB"}
+{"version":3,"sources":["../../src/Legend/ListLegendItem.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 { ListItemProps } from '@mui/material';\nimport { Box, ListItemText, ListItemButton } from '@mui/material';\nimport type { MouseEvent, MouseEventHandler, ReactElement } from 'react';\nimport { forwardRef, memo, useState } from 'react';\n\nimport { combineSx } from '../utils';\nimport type { LegendItem } from './legend-model';\nimport { LegendColorBadge } from './LegendColorBadge';\n\nexport type LegendItemEventOpts = {\n  /**\n   * Unique identifier for the legend item.\n   */\n  id: string;\n\n  /**\n   * Index of the row in the original data.\n   */\n  index: number;\n};\n\nexport interface ListLegendItemProps extends Omit<ListItemProps<'div'>, 'onClick' | 'onMouseOver' | 'onMouseOut'> {\n  item: LegendItem;\n\n  index: number;\n\n  /**\n   * When true, the item is rendered differently to visually communicate it is\n   * selected.\n   */\n  isVisuallySelected?: boolean;\n\n  onClick: (e: MouseEvent<HTMLElement>, seriesId: string) => void;\n\n  onMouseOver?: (e: MouseEvent, opts: LegendItemEventOpts) => void;\n  onMouseOut?: (e: MouseEvent, opts: LegendItemEventOpts) => void;\n\n  /**\n   * When `true`, will keep labels to a single line with overflow ellipsized. The\n   * full content will be shown on hover.\n   *\n   * When `false` or unset, will show the full label.\n   */\n  truncateLabel?: boolean;\n}\n\nconst ListLegendItemBase = forwardRef<HTMLDivElement, ListLegendItemProps>(function ListLegendItem(\n  { item, sx, truncateLabel, onClick, isVisuallySelected, onMouseOver, onMouseOut, index, ...others },\n  ref,\n): ReactElement {\n  const [noWrap, setNoWrap] = useState(truncateLabel);\n\n  function handleTextMouseOver(): void {\n    if (truncateLabel) {\n      setNoWrap(false);\n    }\n  }\n\n  function handleTextMouseOut(): void {\n    if (truncateLabel) {\n      setNoWrap(true);\n    }\n  }\n\n  const handleClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    onClick(e, item.id);\n    item.onClick?.(e);\n  };\n\n  // ListItemButton must remain the measured and interactive element while exposing its position in the surrounding list.\n  /* oxlint-disable jsx-a11y/prefer-tag-over-role */\n  return (\n    <ListItemButton\n      {...others}\n      role=\"listitem\"\n      sx={combineSx(\n        {\n          padding: 0,\n          cursor: 'pointer',\n        },\n        sx,\n      )}\n      dense={true}\n      onClick={handleClick}\n      onMouseOver={(e: MouseEvent) => onMouseOver?.(e, { id: item.id, index })}\n      onMouseOut={(e: MouseEvent) => onMouseOut?.(e, { id: item.id, index })}\n      selected={isVisuallySelected}\n      ref={ref}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        <LegendColorBadge color={item.color} />\n      </Box>\n      <ListItemText\n        primary={item.label}\n        primaryTypographyProps={{ noWrap: noWrap }}\n        onMouseOver={handleTextMouseOver}\n        onMouseOut={handleTextMouseOut}\n      ></ListItemText>\n    </ListItemButton>\n  );\n  /* oxlint-enable jsx-a11y/prefer-tag-over-role */\n});\n\nexport const ListLegendItem = memo(ListLegendItemBase);\n"],"names":["Box","ListItemText","ListItemButton","forwardRef","memo","useState","combineSx","LegendColorBadge","ListLegendItemBase","ListLegendItem"],"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,GAAG,EAAEC,YAAY,EAAEC,cAAc,QAAQ,gBAAgB;AAElE,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,oBAAW;AAErC,SAASC,gBAAgB,QAAQ,wBAAqB;AAuCtD,MAAMC,mCAAqBL,WAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyD3E,OAAO,MAAMM,+BAAiBL,KAAKI,oBAAoB"}

package/dist/Legend/TableLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableLegend.d.ts","sourceRoot":"","sources":["../../src/Legend/TableLegend.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,UAAU,EAAqB,MAAM,UAAU,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACnG,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC;IAC9D,qBAAqB,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACtE,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC7C;AA4BD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EAAE,gBAAgB,EAC/B,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,MAAM,EACN,KAAK,EACL,OAAO,EAAE,iBAAiC,EAC1C,OAAO,EACP,eAAe,GAChB,EAAE,gBAAgB,GAAG,YAAY,CAyDjC"}
+{"version":3,"file":"TableLegend.d.ts","sourceRoot":"","sources":["../../src/Legend/TableLegend.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,UAAU,EAAqB,MAAM,UAAU,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACnG,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC;IAC9D,qBAAqB,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACtE,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC7C;AA4BD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EAAE,gBAAgB,EAC/B,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,MAAM,EACN,KAAK,EACL,OAAO,EAAE,iBAAiC,EAC1C,OAAO,EACP,eAAe,GAChB,EAAE,gBAAgB,GAAG,YAAY,CAsDjC"}

package/dist/Legend/TableLegend.js

@@ -11,12 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { c as _c } from "react-compiler-runtime";
 import { Table, DEFAULT_COLUMN_WIDTH, DEFAULT_COLUMN_MIN_WIDTH } from "../Table/index.js";
 const COLUMNS = [
     {
-        accessorKey: 'label',
-        header: 'Name',
+        accessorKey: "label",
+        header: "Name",
         enableSorting: true,
         enableResizing: true,
         // Starting with `title` attr instead of a tooltip because it is easier to
@@ -37,55 +37,97 @@ const getCheckboxColor = (data)=>{
 // This is a rough estimate of value that needs to be subtracted from the total width to avoid horizontal scrolling on initial render
 const TABLE_PADDING = 45;
 const EMPTY_COLUMNS = [];
-export function TableLegend({ items, selectedItems: initRowSelection, onSelectedItemsChange, onItemMouseOver, onItemMouseOut, height, width, columns: additionalColumns = EMPTY_COLUMNS, sorting, onSortingChange }) {
-    const rowSelection = useMemo(()=>{
-        return typeof initRowSelection !== 'string' ? initRowSelection : // items for checkboxes.
-        // TODO: clean this up if we switch to also using checkboxes in list legend.
-        items.reduce((allRowSelection, item, index)=>{
-            allRowSelection[getRowId(item, index)] = true;
-            return allRowSelection;
-        }, {});
-    }, [
-        initRowSelection,
-        items
-    ]);
-    const columns = useMemo(()=>{
-        // Calculate column widths to fit the container on initial render, avoiding unnecessary horizontal scrolling.
-        // Falls back to a default width if available width is too small; the user can resize columns as needed.
-        const additionalColumnsLength = additionalColumns?.reduce((colWidth, col)=>{
-            return colWidth + (typeof col.width === 'number' ? col.width : DEFAULT_COLUMN_WIDTH);
-        }, 0) ?? 0;
-        const availableWidth = Math.max(width - additionalColumnsLength - TABLE_PADDING, DEFAULT_COLUMN_MIN_WIDTH * COLUMNS.length);
-        const columnWidth = availableWidth / COLUMNS.length;
-        return [
-            ...COLUMNS.map((column)=>({
+export function TableLegend(t0) {
+    const $ = _c(21);
+    const { items, selectedItems: initRowSelection, onSelectedItemsChange, onItemMouseOver, onItemMouseOut, height, width, columns: t1, sorting, onSortingChange } = t0;
+    const additionalColumns = t1 === undefined ? EMPTY_COLUMNS : t1;
+    let t2;
+    if ($[0] !== initRowSelection || $[1] !== items) {
+        t2 = typeof initRowSelection !== "string" ? initRowSelection : items.reduce(_temp, {});
+        $[0] = initRowSelection;
+        $[1] = items;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    const rowSelection = t2;
+    let t3;
+    if ($[3] !== additionalColumns) {
+        t3 = additionalColumns?.reduce(_temp2, 0) ?? 0;
+        $[3] = additionalColumns;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    const additionalColumnsLength = t3;
+    const availableWidth = Math.max(width - additionalColumnsLength - TABLE_PADDING, DEFAULT_COLUMN_MIN_WIDTH * COLUMNS.length);
+    const columnWidth = availableWidth / COLUMNS.length;
+    let t4;
+    if ($[5] !== additionalColumns || $[6] !== columnWidth) {
+        let t5;
+        if ($[8] !== columnWidth) {
+            t5 = (column)=>({
                     ...column,
                     width: columnWidth
-                })),
+                });
+            $[8] = columnWidth;
+            $[9] = t5;
+        } else {
+            t5 = $[9];
+        }
+        t4 = [
+            ...COLUMNS.map(t5),
             ...additionalColumns
         ];
-    }, [
-        additionalColumns,
-        width
-    ]);
-    return /*#__PURE__*/ _jsx(Table, {
-        height: height,
-        width: width,
-        rowSelection: rowSelection,
-        onRowSelectionChange: onSelectedItemsChange,
-        onRowMouseOver: onItemMouseOver,
-        onRowMouseOut: onItemMouseOut,
-        sorting: sorting,
-        onSortingChange: onSortingChange,
-        data: items,
-        columns: columns,
-        density: "compact",
-        defaultColumnWidth: "auto",
-        getRowId: getRowId,
-        getCheckboxColor: getCheckboxColor,
-        checkboxSelection: true,
-        rowSelectionVariant: "legend"
-    });
+        $[5] = additionalColumns;
+        $[6] = columnWidth;
+        $[7] = t4;
+    } else {
+        t4 = $[7];
+    }
+    const columns = t4;
+    let t5;
+    if ($[10] !== columns || $[11] !== height || $[12] !== items || $[13] !== onItemMouseOut || $[14] !== onItemMouseOver || $[15] !== onSelectedItemsChange || $[16] !== onSortingChange || $[17] !== rowSelection || $[18] !== sorting || $[19] !== width) {
+        t5 = /*#__PURE__*/ _jsx(Table, {
+            height: height,
+            width: width,
+            rowSelection: rowSelection,
+            onRowSelectionChange: onSelectedItemsChange,
+            onRowMouseOver: onItemMouseOver,
+            onRowMouseOut: onItemMouseOut,
+            sorting: sorting,
+            onSortingChange: onSortingChange,
+            data: items,
+            columns: columns,
+            density: "compact",
+            defaultColumnWidth: "auto",
+            getRowId: getRowId,
+            getCheckboxColor: getCheckboxColor,
+            checkboxSelection: true,
+            rowSelectionVariant: "legend"
+        });
+        $[10] = columns;
+        $[11] = height;
+        $[12] = items;
+        $[13] = onItemMouseOut;
+        $[14] = onItemMouseOver;
+        $[15] = onSelectedItemsChange;
+        $[16] = onSortingChange;
+        $[17] = rowSelection;
+        $[18] = sorting;
+        $[19] = width;
+        $[20] = t5;
+    } else {
+        t5 = $[20];
+    }
+    return t5;
+}
+function _temp2(colWidth, col) {
+    return colWidth + (typeof col.width === "number" ? col.width : DEFAULT_COLUMN_WIDTH);
+}
+function _temp(allRowSelection, item, index) {
+    allRowSelection[getRowId(item, index)] = true;
+    return allRowSelection;
 }
 
 //# sourceMappingURL=TableLegend.js.map

package/dist/Legend/TableLegend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Legend/TableLegend.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 { useMemo } from 'react';\n\nimport type { TableProps, TableColumnConfig } from '../Table';\nimport { Table, DEFAULT_COLUMN_WIDTH, DEFAULT_COLUMN_MIN_WIDTH } from '../Table';\nimport type { LegendItem } from './legend-model';\n\nexport interface TableLegendProps extends Pick<TableProps<LegendItem>, 'sorting' | 'onSortingChange'> {\n  items: LegendItem[];\n  height: number;\n  width: number;\n  selectedItems: TableProps<LegendItem>['rowSelection'] | 'ALL';\n  onSelectedItemsChange: TableProps<LegendItem>['onRowSelectionChange'];\n  onItemMouseOver?: TableProps<LegendItem>['onRowMouseOver'];\n  onItemMouseOut?: TableProps<LegendItem>['onRowMouseOut'];\n  columns?: TableProps<LegendItem>['columns'];\n}\n\nconst COLUMNS: Array<TableColumnConfig<LegendItem>> = [\n  {\n    accessorKey: 'label',\n    header: 'Name',\n    enableSorting: true,\n    enableResizing: true,\n\n    // Starting with `title` attr instead of a tooltip because it is easier to\n    // implement. We should try adding a tooltip in the future, but we'll need\n    // to be very careful about performance when doing so with large tables.\n    cell: ({ getValue }) => <span title={getValue<string>()}>{getValue<string>()}</span>,\n  },\n];\n\nconst getRowId: NonNullable<TableProps<LegendItem>['getRowId']> = (data) => {\n  return data.id;\n};\n\nconst getCheckboxColor: TableProps<LegendItem>['getCheckboxColor'] = (data) => {\n  return data.color;\n};\n\n// This is a rough estimate of value that needs to be subtracted from the total width to avoid horizontal scrolling on initial render\nconst TABLE_PADDING = 45;\nconst EMPTY_COLUMNS: Array<TableColumnConfig<LegendItem>> = [];\n\nexport function TableLegend({\n  items,\n  selectedItems: initRowSelection,\n  onSelectedItemsChange,\n  onItemMouseOver,\n  onItemMouseOut,\n  height,\n  width,\n  columns: additionalColumns = EMPTY_COLUMNS,\n  sorting,\n  onSortingChange,\n}: TableLegendProps): ReactElement {\n  const rowSelection = useMemo(() => {\n    return typeof initRowSelection !== 'string'\n      ? initRowSelection\n      : // Turn \"ALL\" state into a table component friendly map of all of the selected\n        // items for checkboxes.\n        // TODO: clean this up if we switch to also using checkboxes in list legend.\n        items.reduce(\n          (allRowSelection, item, index) => {\n            allRowSelection[getRowId(item, index)] = true;\n            return allRowSelection;\n          },\n          {} as Record<string, boolean>,\n        );\n  }, [initRowSelection, items]);\n\n  const columns = useMemo(() => {\n    // Calculate column widths to fit the container on initial render, avoiding unnecessary horizontal scrolling.\n    // Falls back to a default width if available width is too small; the user can resize columns as needed.\n    const additionalColumnsLength =\n      additionalColumns?.reduce((colWidth, col) => {\n        return colWidth + (typeof col.width === 'number' ? col.width : DEFAULT_COLUMN_WIDTH);\n      }, 0) ?? 0;\n    const availableWidth = Math.max(\n      width - additionalColumnsLength - TABLE_PADDING,\n      DEFAULT_COLUMN_MIN_WIDTH * COLUMNS.length,\n    );\n    const columnWidth = availableWidth / COLUMNS.length;\n    return [\n      ...COLUMNS.map((column) => ({\n        ...column,\n        width: columnWidth,\n      })),\n      ...additionalColumns,\n    ];\n  }, [additionalColumns, width]);\n\n  return (\n    <Table\n      height={height}\n      width={width}\n      rowSelection={rowSelection}\n      onRowSelectionChange={onSelectedItemsChange}\n      onRowMouseOver={onItemMouseOver}\n      onRowMouseOut={onItemMouseOut}\n      sorting={sorting}\n      onSortingChange={onSortingChange}\n      data={items}\n      columns={columns}\n      density=\"compact\"\n      defaultColumnWidth=\"auto\"\n      getRowId={getRowId}\n      getCheckboxColor={getCheckboxColor}\n      checkboxSelection\n      rowSelectionVariant=\"legend\"\n    />\n  );\n}\n"],"names":["useMemo","Table","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MIN_WIDTH","COLUMNS","accessorKey","header","enableSorting","enableResizing","cell","getValue","span","title","getRowId","data","id","getCheckboxColor","color","TABLE_PADDING","EMPTY_COLUMNS","TableLegend","items","selectedItems","initRowSelection","onSelectedItemsChange","onItemMouseOver","onItemMouseOut","height","width","columns","additionalColumns","sorting","onSortingChange","rowSelection","reduce","allRowSelection","item","index","additionalColumnsLength","colWidth","col","availableWidth","Math","max","length","columnWidth","map","column","onRowSelectionChange","onRowMouseOver","onRowMouseOut","density","defaultColumnWidth","checkboxSelection","rowSelectionVariant"],"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,OAAO,QAAQ,QAAQ;AAGhC,SAASC,KAAK,EAAEC,oBAAoB,EAAEC,wBAAwB,QAAQ,oBAAW;AAcjF,MAAMC,UAAgD;IACpD;QACEC,aAAa;QACbC,QAAQ;QACRC,eAAe;QACfC,gBAAgB;QAEhB,0EAA0E;QAC1E,0EAA0E;QAC1E,wEAAwE;QACxEC,MAAM,CAAC,EAAEC,QAAQ,EAAE,iBAAK,KAACC;gBAAKC,OAAOF;0BAAqBA;;IAC5D;CACD;AAED,MAAMG,WAA4D,CAACC;IACjE,OAAOA,KAAKC,EAAE;AAChB;AAEA,MAAMC,mBAA+D,CAACF;IACpE,OAAOA,KAAKG,KAAK;AACnB;AAEA,qIAAqI;AACrI,MAAMC,gBAAgB;AACtB,MAAMC,gBAAsD,EAAE;AAE9D,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,eAAeC,gBAAgB,EAC/BC,qBAAqB,EACrBC,eAAe,EACfC,cAAc,EACdC,MAAM,EACNC,KAAK,EACLC,SAASC,oBAAoBX,aAAa,EAC1CY,OAAO,EACPC,eAAe,EACE;IACjB,MAAMC,eAAejC,QAAQ;QAC3B,OAAO,OAAOuB,qBAAqB,WAC/BA,mBAEA,wBAAwB;QACxB,4EAA4E;QAC5EF,MAAMa,MAAM,CACV,CAACC,iBAAiBC,MAAMC;YACtBF,eAAe,CAACtB,SAASuB,MAAMC,OAAO,GAAG;YACzC,OAAOF;QACT,GACA,CAAC;IAET,GAAG;QAACZ;QAAkBF;KAAM;IAE5B,MAAMQ,UAAU7B,QAAQ;QACtB,6GAA6G;QAC7G,wGAAwG;QACxG,MAAMsC,0BACJR,mBAAmBI,OAAO,CAACK,UAAUC;YACnC,OAAOD,WAAY,CAAA,OAAOC,IAAIZ,KAAK,KAAK,WAAWY,IAAIZ,KAAK,GAAG1B,oBAAmB;QACpF,GAAG,MAAM;QACX,MAAMuC,iBAAiBC,KAAKC,GAAG,CAC7Bf,QAAQU,0BAA0BpB,eAClCf,2BAA2BC,QAAQwC,MAAM;QAE3C,MAAMC,cAAcJ,iBAAiBrC,QAAQwC,MAAM;QACnD,OAAO;eACFxC,QAAQ0C,GAAG,CAAC,CAACC,SAAY,CAAA;oBAC1B,GAAGA,MAAM;oBACTnB,OAAOiB;gBACT,CAAA;eACGf;SACJ;IACH,GAAG;QAACA;QAAmBF;KAAM;IAE7B,qBACE,KAAC3B;QACC0B,QAAQA;QACRC,OAAOA;QACPK,cAAcA;QACde,sBAAsBxB;QACtByB,gBAAgBxB;QAChByB,eAAexB;QACfK,SAASA;QACTC,iBAAiBA;QACjBlB,MAAMO;QACNQ,SAASA;QACTsB,SAAQ;QACRC,oBAAmB;QACnBvC,UAAUA;QACVG,kBAAkBA;QAClBqC,iBAAiB;QACjBC,qBAAoB;;AAG1B"}
+{"version":3,"sources":["../../src/Legend/TableLegend.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 { useMemo } from 'react';\n\nimport type { TableProps, TableColumnConfig } from '../Table';\nimport { Table, DEFAULT_COLUMN_WIDTH, DEFAULT_COLUMN_MIN_WIDTH } from '../Table';\nimport type { LegendItem } from './legend-model';\n\nexport interface TableLegendProps extends Pick<TableProps<LegendItem>, 'sorting' | 'onSortingChange'> {\n  items: LegendItem[];\n  height: number;\n  width: number;\n  selectedItems: TableProps<LegendItem>['rowSelection'] | 'ALL';\n  onSelectedItemsChange: TableProps<LegendItem>['onRowSelectionChange'];\n  onItemMouseOver?: TableProps<LegendItem>['onRowMouseOver'];\n  onItemMouseOut?: TableProps<LegendItem>['onRowMouseOut'];\n  columns?: TableProps<LegendItem>['columns'];\n}\n\nconst COLUMNS: Array<TableColumnConfig<LegendItem>> = [\n  {\n    accessorKey: 'label',\n    header: 'Name',\n    enableSorting: true,\n    enableResizing: true,\n\n    // Starting with `title` attr instead of a tooltip because it is easier to\n    // implement. We should try adding a tooltip in the future, but we'll need\n    // to be very careful about performance when doing so with large tables.\n    cell: ({ getValue }) => <span title={getValue<string>()}>{getValue<string>()}</span>,\n  },\n];\n\nconst getRowId: NonNullable<TableProps<LegendItem>['getRowId']> = (data) => {\n  return data.id;\n};\n\nconst getCheckboxColor: TableProps<LegendItem>['getCheckboxColor'] = (data) => {\n  return data.color;\n};\n\n// This is a rough estimate of value that needs to be subtracted from the total width to avoid horizontal scrolling on initial render\nconst TABLE_PADDING = 45;\nconst EMPTY_COLUMNS: Array<TableColumnConfig<LegendItem>> = [];\n\nexport function TableLegend({\n  items,\n  selectedItems: initRowSelection,\n  onSelectedItemsChange,\n  onItemMouseOver,\n  onItemMouseOut,\n  height,\n  width,\n  columns: additionalColumns = EMPTY_COLUMNS,\n  sorting,\n  onSortingChange,\n}: TableLegendProps): ReactElement {\n  const rowSelection = useMemo(() => {\n    return typeof initRowSelection !== 'string'\n      ? initRowSelection\n      : // Turn \"ALL\" state into a table component friendly map of all of the selected\n        // items for checkboxes.\n        // TODO: clean this up if we switch to also using checkboxes in list legend.\n        items.reduce<Record<string, true>>((allRowSelection, item, index) => {\n          allRowSelection[getRowId(item, index)] = true;\n          return allRowSelection;\n        }, {});\n  }, [initRowSelection, items]);\n\n  const columns = useMemo(() => {\n    // Calculate column widths to fit the container on initial render, avoiding unnecessary horizontal scrolling.\n    // Falls back to a default width if available width is too small; the user can resize columns as needed.\n    const additionalColumnsLength =\n      additionalColumns?.reduce((colWidth, col) => {\n        return colWidth + (typeof col.width === 'number' ? col.width : DEFAULT_COLUMN_WIDTH);\n      }, 0) ?? 0;\n    const availableWidth = Math.max(\n      width - additionalColumnsLength - TABLE_PADDING,\n      DEFAULT_COLUMN_MIN_WIDTH * COLUMNS.length,\n    );\n    const columnWidth = availableWidth / COLUMNS.length;\n    return [\n      ...COLUMNS.map((column) => ({\n        ...column,\n        width: columnWidth,\n      })),\n      ...additionalColumns,\n    ];\n  }, [additionalColumns, width]);\n\n  return (\n    <Table\n      height={height}\n      width={width}\n      rowSelection={rowSelection}\n      onRowSelectionChange={onSelectedItemsChange}\n      onRowMouseOver={onItemMouseOver}\n      onRowMouseOut={onItemMouseOut}\n      sorting={sorting}\n      onSortingChange={onSortingChange}\n      data={items}\n      columns={columns}\n      density=\"compact\"\n      defaultColumnWidth=\"auto\"\n      getRowId={getRowId}\n      getCheckboxColor={getCheckboxColor}\n      checkboxSelection\n      rowSelectionVariant=\"legend\"\n    />\n  );\n}\n"],"names":["Table","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MIN_WIDTH","COLUMNS","accessorKey","header","enableSorting","enableResizing","cell","getValue","span","title","getRowId","data","id","getCheckboxColor","color","TABLE_PADDING","EMPTY_COLUMNS"],"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;;;AAMjC,SAASA,KAAK,EAAEC,oBAAoB,EAAEC,wBAAwB,QAAQ,oBAAW;AAcjF,MAAMC,UAAgD;IACpD;QACEC,aAAa;QACbC,QAAQ;QACRC,eAAe;QACfC,gBAAgB;QAEhB,0EAA0E;QAC1E,0EAA0E;QAC1E,wEAAwE;QACxEC,MAAM,CAAC,EAAEC,QAAQ,EAAE,iBAAK,KAACC;gBAAKC,OAAOF;0BAAqBA;;IAC5D;CACD;AAED,MAAMG,WAA4D,CAACC;IACjE,OAAOA,KAAKC,EAAE;AAChB;AAEA,MAAMC,mBAA+D,CAACF;IACpE,OAAOA,KAAKG,KAAK;AACnB;AAEA,qIAAqI;AACrI,MAAMC,gBAAgB;AACtB,MAAMC,gBAAsD,EAAE;AAE9D,OAAO"}

package/dist/Legend/legend-model.d.ts

@@ -15,10 +15,10 @@ export interface LegendItem {
 /**
  * State of selected items in the legend.
  * - When "ALL", all legend items are selected, but not visually highlighted.
- * - Otherwise, it is a Record that associates legend item ids with a boolean
+ * - Otherwise, it is a Record that associates legend item ids with a `true`
  *   value. When the associated entry for a legend item is `true`, that item
  *   will be treated as selected and visually highlighted.
  */
-export type SelectedLegendItemState = Record<LegendItem['id'], boolean> | 'ALL';
+export type SelectedLegendItemState = Record<LegendItem['id'], true> | 'ALL';
 export declare function isLegendItemVisuallySelected(item: LegendItem, selectedItems: SelectedLegendItemState): boolean;
 //# sourceMappingURL=legend-model.d.ts.map

package/dist/Legend/legend-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legend-model.d.ts","sourceRoot":"","sources":["../../src/Legend/legend-model.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AASlD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC;AAEhF,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,uBAAuB,GAAG,OAAO,CAI9G"}
+{"version":3,"file":"legend-model.d.ts","sourceRoot":"","sources":["../../src/Legend/legend-model.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AASlD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;AAE7E,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,uBAAuB,GAAG,OAAO,CAI9G"}

package/dist/Legend/legend-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Legend/legend-model.ts"],"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 { MouseEventHandler } from 'react';\n\nimport type { LegendOptionsBase } from '../model';\n\n// This file contains legend-related model code specific to the legend component.\n// See the `core` package for common/shared legend model code and the\n// `plugin-system` package for legend model code specific to panel plugin specs.\n\n// Note: explicitly defining different options for the legend component and\n// legend spec that extend from some common options, so we can allow the\n// component and the spec to diverge in some upcoming work.\nexport type LegendComponentOptions = LegendOptionsBase;\n\nexport interface LegendItem {\n  id: string;\n  label: string;\n  color: string;\n\n  /**\n   * Additional data for the legend item. Useful for laying out additional\n   * columns when using a table legend.\n   */\n  data?: Record<string, unknown>;\n\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\n/**\n * State of selected items in the legend.\n * - When \"ALL\", all legend items are selected, but not visually highlighted.\n * - Otherwise, it is a Record that associates legend item ids with a boolean\n *   value. When the associated entry for a legend item is `true`, that item\n *   will be treated as selected and visually highlighted.\n */\nexport type SelectedLegendItemState = Record<LegendItem['id'], boolean> | 'ALL';\n\nexport function isLegendItemVisuallySelected(item: LegendItem, selectedItems: SelectedLegendItemState): boolean {\n  // In the \"ALL\" case, technically all legend items are selected, but we do\n  // not render them differently.\n  return selectedItems !== 'ALL' && !!selectedItems[item.id];\n}\n"],"names":["isLegendItemVisuallySelected","item","selectedItems","id"],"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;AAsCjC,OAAO,SAASA,6BAA6BC,IAAgB,EAAEC,aAAsC;IACnG,0EAA0E;IAC1E,+BAA+B;IAC/B,OAAOA,kBAAkB,SAAS,CAAC,CAACA,aAAa,CAACD,KAAKE,EAAE,CAAC;AAC5D"}
+{"version":3,"sources":["../../src/Legend/legend-model.ts"],"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 { MouseEventHandler } from 'react';\n\nimport type { LegendOptionsBase } from '../model';\n\n// This file contains legend-related model code specific to the legend component.\n// See the `core` package for common/shared legend model code and the\n// `plugin-system` package for legend model code specific to panel plugin specs.\n\n// Note: explicitly defining different options for the legend component and\n// legend spec that extend from some common options, so we can allow the\n// component and the spec to diverge in some upcoming work.\nexport type LegendComponentOptions = LegendOptionsBase;\n\nexport interface LegendItem {\n  id: string;\n  label: string;\n  color: string;\n\n  /**\n   * Additional data for the legend item. Useful for laying out additional\n   * columns when using a table legend.\n   */\n  data?: Record<string, unknown>;\n\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\n/**\n * State of selected items in the legend.\n * - When \"ALL\", all legend items are selected, but not visually highlighted.\n * - Otherwise, it is a Record that associates legend item ids with a `true`\n *   value. When the associated entry for a legend item is `true`, that item\n *   will be treated as selected and visually highlighted.\n */\nexport type SelectedLegendItemState = Record<LegendItem['id'], true> | 'ALL';\n\nexport function isLegendItemVisuallySelected(item: LegendItem, selectedItems: SelectedLegendItemState): boolean {\n  // In the \"ALL\" case, technically all legend items are selected, but we do\n  // not render them differently.\n  return selectedItems !== 'ALL' && !!selectedItems[item.id];\n}\n"],"names":["isLegendItemVisuallySelected","item","selectedItems","id"],"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;AAsCjC,OAAO,SAASA,6BAA6BC,IAAgB,EAAEC,aAAsC;IACnG,0EAA0E;IAC1E,+BAA+B;IAC/B,OAAOA,kBAAkB,SAAS,CAAC,CAACA,aAAa,CAACD,KAAKE,EAAE,CAAC;AAC5D"}