@perses-dev/components 0.55.1 → 0.56.0-beta.1

package/dist/TransformsEditor/TransformsEditor.js

@@ -11,80 +11,191 @@
 // 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 { Button, Stack } from "@mui/material";
 import AddIcon from "mdi-material-ui/Plus";
 import { useState } from "react";
 import { TransformEditorContainer } from "./TransformEditorContainer.js";
-export function TransformsEditor({ value, onChange, ...props }) {
-    const [transformsCollapsed, setTransformsCollapsed] = useState(value.map(()=>true));
-    function handleTransformChange(index, transform) {
-        const updatedTransforms = [
-            ...value
-        ];
-        updatedTransforms[index] = transform;
-        onChange(updatedTransforms);
+export function TransformsEditor(t0) {
+    const $ = _c(33);
+    let onChange;
+    let props;
+    let value;
+    if ($[0] !== t0) {
+        ({ value, onChange, ...props } = t0);
+        $[0] = t0;
+        $[1] = onChange;
+        $[2] = props;
+        $[3] = value;
+    } else {
+        onChange = $[1];
+        props = $[2];
+        value = $[3];
     }
-    function handleTransformAdd() {
-        const updatedTransforms = [
-            ...value
-        ];
-        // @ts-expect-error: Unknown transform
-        updatedTransforms.push({
-            kind: '',
-            spec: {}
-        });
-        onChange(updatedTransforms);
-        setTransformsCollapsed((prev)=>{
-            prev.push(false);
-            return [
-                ...prev
+    let t1;
+    if ($[4] !== value) {
+        t1 = value.map(_temp);
+        $[4] = value;
+        $[5] = t1;
+    } else {
+        t1 = $[5];
+    }
+    const [transformsCollapsed, setTransformsCollapsed] = useState(t1);
+    let t2;
+    if ($[6] !== onChange || $[7] !== value) {
+        t2 = function handleTransformChange(index, transform) {
+            const updatedTransforms = [
+                ...value
             ];
-        });
+            updatedTransforms[index] = transform;
+            onChange(updatedTransforms);
+        };
+        $[6] = onChange;
+        $[7] = value;
+        $[8] = t2;
+    } else {
+        t2 = $[8];
     }
-    function handleTransformDelete(index) {
-        const updatedTransforms = [
-            ...value
-        ];
-        updatedTransforms.splice(index, 1);
-        onChange(updatedTransforms);
-        setTransformsCollapsed((prev)=>{
-            prev.splice(index, 1);
-            return [
-                ...prev
+    const handleTransformChange = t2;
+    let t3;
+    if ($[9] !== onChange || $[10] !== value) {
+        t3 = function handleTransformAdd() {
+            const updatedTransforms_0 = [
+                ...value
             ];
-        });
+            updatedTransforms_0.push({
+                kind: "",
+                spec: {}
+            });
+            onChange(updatedTransforms_0);
+            setTransformsCollapsed(_temp2);
+        };
+        $[9] = onChange;
+        $[10] = value;
+        $[11] = t3;
+    } else {
+        t3 = $[11];
     }
-    function handleTransformCollapseExpand(index, collapsed) {
-        setTransformsCollapsed((prev)=>{
-            prev[index] = collapsed;
-            return [
-                ...prev
+    const handleTransformAdd = t3;
+    let t4;
+    if ($[12] !== onChange || $[13] !== value) {
+        t4 = function handleTransformDelete(index_0) {
+            const updatedTransforms_1 = [
+                ...value
             ];
-        });
+            updatedTransforms_1.splice(index_0, 1);
+            onChange(updatedTransforms_1);
+            setTransformsCollapsed((prev_0)=>{
+                prev_0.splice(index_0, 1);
+                return [
+                    ...prev_0
+                ];
+            });
+        };
+        $[12] = onChange;
+        $[13] = value;
+        $[14] = t4;
+    } else {
+        t4 = $[14];
+    }
+    const handleTransformDelete = t4;
+    let t5;
+    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = function handleTransformCollapseExpand(index_1, collapsed) {
+            setTransformsCollapsed((prev_1)=>{
+                prev_1[index_1] = collapsed;
+                return [
+                    ...prev_1
+                ];
+            });
+        };
+        $[15] = t5;
+    } else {
+        t5 = $[15];
     }
-    return /*#__PURE__*/ _jsxs(Stack, {
-        gap: 1,
-        ...props,
-        children: [
-            value.map((transform, i)=>/*#__PURE__*/ _jsx(TransformEditorContainer, {
+    const handleTransformCollapseExpand = t5;
+    let t6;
+    if ($[16] !== handleTransformChange || $[17] !== handleTransformDelete || $[18] !== transformsCollapsed || $[19] !== value) {
+        let t7;
+        if ($[21] !== handleTransformChange || $[22] !== handleTransformDelete || $[23] !== transformsCollapsed) {
+            t7 = (transform_0, i)=>/*#__PURE__*/ _jsx(TransformEditorContainer, {
                     index: i,
-                    value: transform,
+                    value: transform_0,
                     isCollapsed: transformsCollapsed[i] ?? true,
                     onChange: (updatedTransform)=>handleTransformChange(i, updatedTransform),
                     onDelete: ()=>handleTransformDelete(i),
-                    onCollapse: (collapsed)=>handleTransformCollapseExpand(i, collapsed)
-                }, i)),
-            /*#__PURE__*/ _jsx(Button, {
-                variant: "contained",
-                startIcon: /*#__PURE__*/ _jsx(AddIcon, {}),
-                sx: {
-                    marginTop: 1
-                },
-                onClick: handleTransformAdd,
-                children: "Add Transformation"
-            })
-        ]
-    });
+                    onCollapse: (collapsed_0)=>handleTransformCollapseExpand(i, collapsed_0)
+                }, i);
+            $[21] = handleTransformChange;
+            $[22] = handleTransformDelete;
+            $[23] = transformsCollapsed;
+            $[24] = t7;
+        } else {
+            t7 = $[24];
+        }
+        t6 = value.map(t7);
+        $[16] = handleTransformChange;
+        $[17] = handleTransformDelete;
+        $[18] = transformsCollapsed;
+        $[19] = value;
+        $[20] = t6;
+    } else {
+        t6 = $[20];
+    }
+    let t7;
+    let t8;
+    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = /*#__PURE__*/ _jsx(AddIcon, {});
+        t8 = {
+            marginTop: 1
+        };
+        $[25] = t7;
+        $[26] = t8;
+    } else {
+        t7 = $[25];
+        t8 = $[26];
+    }
+    let t9;
+    if ($[27] !== handleTransformAdd) {
+        t9 = /*#__PURE__*/ _jsx(Button, {
+            variant: "contained",
+            startIcon: t7,
+            sx: t8,
+            onClick: handleTransformAdd,
+            children: "Add Transformation"
+        });
+        $[27] = handleTransformAdd;
+        $[28] = t9;
+    } else {
+        t9 = $[28];
+    }
+    let t10;
+    if ($[29] !== props || $[30] !== t6 || $[31] !== t9) {
+        t10 = /*#__PURE__*/ _jsxs(Stack, {
+            gap: 1,
+            ...props,
+            children: [
+                t6,
+                t9
+            ]
+        });
+        $[29] = props;
+        $[30] = t6;
+        $[31] = t9;
+        $[32] = t10;
+    } else {
+        t10 = $[32];
+    }
+    return t10;
+}
+function _temp2(prev) {
+    prev.push(false);
+    return [
+        ...prev
+    ];
+}
+function _temp() {
+    return true;
 }
 
 //# sourceMappingURL=TransformsEditor.js.map

package/dist/TransformsEditor/TransformsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TransformsEditor/TransformsEditor.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 { StackProps } from '@mui/material';\nimport { Button, Stack } from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport type { ReactElement } from 'react';\nimport { useState } from 'react';\n\nimport type { Transform } from '../model';\nimport { TransformEditorContainer } from './TransformEditorContainer';\n\nexport interface TransformsEditorProps extends Omit<StackProps, 'onChange'> {\n  value: Transform[];\n  onChange: (transforms: Transform[]) => void;\n}\n\nexport function TransformsEditor({ value, onChange, ...props }: TransformsEditorProps): ReactElement {\n  const [transformsCollapsed, setTransformsCollapsed] = useState(value.map(() => true));\n\n  function handleTransformChange(index: number, transform: Transform): void {\n    const updatedTransforms = [...value];\n    updatedTransforms[index] = transform;\n    onChange(updatedTransforms);\n  }\n\n  function handleTransformAdd(): void {\n    const updatedTransforms = [...value];\n    // @ts-expect-error: Unknown transform\n    updatedTransforms.push({ kind: '', spec: {} });\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.push(false);\n      return [...prev];\n    });\n  }\n\n  function handleTransformDelete(index: number): void {\n    const updatedTransforms = [...value];\n    updatedTransforms.splice(index, 1);\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.splice(index, 1);\n      return [...prev];\n    });\n  }\n\n  function handleTransformCollapseExpand(index: number, collapsed: boolean): void {\n    setTransformsCollapsed((prev) => {\n      prev[index] = collapsed;\n      return [...prev];\n    });\n  }\n\n  return (\n    <Stack gap={1} {...props}>\n      {value.map((transform, i) => (\n        <TransformEditorContainer\n          key={i}\n          index={i}\n          value={transform}\n          isCollapsed={transformsCollapsed[i] ?? true}\n          onChange={(updatedTransform: Transform) => handleTransformChange(i, updatedTransform)}\n          onDelete={() => handleTransformDelete(i)}\n          onCollapse={(collapsed) => handleTransformCollapseExpand(i, collapsed)}\n        />\n      ))}\n\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginTop: 1 }} onClick={handleTransformAdd}>\n        Add Transformation\n      </Button>\n    </Stack>\n  );\n}\n"],"names":["Button","Stack","AddIcon","useState","TransformEditorContainer","TransformsEditor","value","onChange","props","transformsCollapsed","setTransformsCollapsed","map","handleTransformChange","index","transform","updatedTransforms","handleTransformAdd","push","kind","spec","prev","handleTransformDelete","splice","handleTransformCollapseExpand","collapsed","gap","i","isCollapsed","updatedTransform","onDelete","onCollapse","variant","startIcon","sx","marginTop","onClick"],"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,MAAM,EAAEC,KAAK,QAAQ,gBAAgB;AAC9C,OAAOC,aAAa,uBAAuB;AAE3C,SAASC,QAAQ,QAAQ,QAAQ;AAGjC,SAASC,wBAAwB,QAAQ,gCAA6B;AAOtE,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA8B;IACnF,MAAM,CAACC,qBAAqBC,uBAAuB,GAAGP,SAASG,MAAMK,GAAG,CAAC,IAAM;IAE/E,SAASC,sBAAsBC,KAAa,EAAEC,SAAoB;QAChE,MAAMC,oBAAoB;eAAIT;SAAM;QACpCS,iBAAiB,CAACF,MAAM,GAAGC;QAC3BP,SAASQ;IACX;IAEA,SAASC;QACP,MAAMD,oBAAoB;eAAIT;SAAM;QACpC,sCAAsC;QACtCS,kBAAkBE,IAAI,CAAC;YAAEC,MAAM;YAAIC,MAAM,CAAC;QAAE;QAC5CZ,SAASQ;QACTL,uBAAuB,CAACU;YACtBA,KAAKH,IAAI,CAAC;YACV,OAAO;mBAAIG;aAAK;QAClB;IACF;IAEA,SAASC,sBAAsBR,KAAa;QAC1C,MAAME,oBAAoB;eAAIT;SAAM;QACpCS,kBAAkBO,MAAM,CAACT,OAAO;QAChCN,SAASQ;QACTL,uBAAuB,CAACU;YACtBA,KAAKE,MAAM,CAACT,OAAO;YACnB,OAAO;mBAAIO;aAAK;QAClB;IACF;IAEA,SAASG,8BAA8BV,KAAa,EAAEW,SAAkB;QACtEd,uBAAuB,CAACU;YACtBA,IAAI,CAACP,MAAM,GAAGW;YACd,OAAO;mBAAIJ;aAAK;QAClB;IACF;IAEA,qBACE,MAACnB;QAAMwB,KAAK;QAAI,GAAGjB,KAAK;;YACrBF,MAAMK,GAAG,CAAC,CAACG,WAAWY,kBACrB,KAACtB;oBAECS,OAAOa;oBACPpB,OAAOQ;oBACPa,aAAalB,mBAAmB,CAACiB,EAAE,IAAI;oBACvCnB,UAAU,CAACqB,mBAAgChB,sBAAsBc,GAAGE;oBACpEC,UAAU,IAAMR,sBAAsBK;oBACtCI,YAAY,CAACN,YAAcD,8BAA8BG,GAAGF;mBANvDE;0BAUT,KAAC1B;gBAAO+B,SAAQ;gBAAYC,yBAAW,KAAC9B;gBAAY+B,IAAI;oBAAEC,WAAW;gBAAE;gBAAGC,SAASnB;0BAAoB;;;;AAK7G"}
+{"version":3,"sources":["../../src/TransformsEditor/TransformsEditor.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 { StackProps } from '@mui/material';\nimport { Button, Stack } from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport type { ReactElement } from 'react';\nimport { useState } from 'react';\n\nimport type { Transform } from '../model';\nimport { TransformEditorContainer } from './TransformEditorContainer';\n\nexport interface TransformsEditorProps extends Omit<StackProps, 'onChange'> {\n  value: Transform[];\n  onChange: (transforms: Transform[]) => void;\n}\n\nexport function TransformsEditor({ value, onChange, ...props }: TransformsEditorProps): ReactElement {\n  const [transformsCollapsed, setTransformsCollapsed] = useState(value.map(() => true));\n\n  function handleTransformChange(index: number, transform: Transform): void {\n    const updatedTransforms = [...value];\n    updatedTransforms[index] = transform;\n    onChange(updatedTransforms);\n  }\n\n  function handleTransformAdd(): void {\n    const updatedTransforms = [...value];\n    // @ts-expect-error: Unknown transform\n    updatedTransforms.push({ kind: '', spec: {} });\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.push(false);\n      return [...prev];\n    });\n  }\n\n  function handleTransformDelete(index: number): void {\n    const updatedTransforms = [...value];\n    updatedTransforms.splice(index, 1);\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.splice(index, 1);\n      return [...prev];\n    });\n  }\n\n  function handleTransformCollapseExpand(index: number, collapsed: boolean): void {\n    setTransformsCollapsed((prev) => {\n      prev[index] = collapsed;\n      return [...prev];\n    });\n  }\n\n  return (\n    <Stack gap={1} {...props}>\n      {value.map((transform, i) => (\n        <TransformEditorContainer\n          key={i}\n          index={i}\n          value={transform}\n          isCollapsed={transformsCollapsed[i] ?? true}\n          onChange={(updatedTransform: Transform) => handleTransformChange(i, updatedTransform)}\n          onDelete={() => handleTransformDelete(i)}\n          onCollapse={(collapsed) => handleTransformCollapseExpand(i, collapsed)}\n        />\n      ))}\n\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginTop: 1 }} onClick={handleTransformAdd}>\n        Add Transformation\n      </Button>\n    </Stack>\n  );\n}\n"],"names":["Button","Stack","AddIcon","useState","TransformEditorContainer"],"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,MAAM,EAAEC,KAAK,QAAQ,gBAAgB;AAC9C,OAAOC,aAAa,uBAAuB;AAE3C,SAASC,QAAQ,QAAQ,QAAQ;AAGjC,SAASC,wBAAwB,QAAQ,gCAA6B;AAOtE,OAAO"}