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

package/dist/Dialog/Dialog.js

@@ -11,74 +11,227 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 import { Button, DialogActions, DialogContent, DialogTitle, IconButton, Dialog as MuiDialog, styled } from "@mui/material";
 import CloseIcon from "mdi-material-ui/Close";
 import { combineSx } from "../utils/index.js";
-const Header = ({ children, onClose, ...props })=>{
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(DialogTitle, {
-                style: {
-                    textOverflow: 'ellipsis',
-                    overflow: 'hidden'
-                },
-                ...props,
-                children: children
-            }),
-            onClose && /*#__PURE__*/ _jsx(IconButton, {
-                "aria-label": "Close",
-                onClick: onClose,
-                sx: dialogCloseIconButtonStyle,
-                children: /*#__PURE__*/ _jsx(CloseIcon, {})
-            })
-        ]
-    });
+const Header = (t0)=>{
+    const $ = _c(13);
+    let children;
+    let onClose;
+    let props;
+    if ($[0] !== t0) {
+        ({ children, onClose, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = onClose;
+        $[3] = props;
+    } else {
+        children = $[1];
+        onClose = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            textOverflow: "ellipsis",
+            overflow: "hidden"
+        };
+        $[4] = t1;
+    } else {
+        t1 = $[4];
+    }
+    let t2;
+    if ($[5] !== children || $[6] !== props) {
+        t2 = /*#__PURE__*/ _jsx(DialogTitle, {
+            style: t1,
+            ...props,
+            children: children
+        });
+        $[5] = children;
+        $[6] = props;
+        $[7] = t2;
+    } else {
+        t2 = $[7];
+    }
+    let t3;
+    if ($[8] !== onClose) {
+        t3 = onClose && /*#__PURE__*/ _jsx(IconButton, {
+            "aria-label": "Close",
+            onClick: onClose,
+            sx: dialogCloseIconButtonStyle,
+            children: /*#__PURE__*/ _jsx(CloseIcon, {})
+        });
+        $[8] = onClose;
+        $[9] = t3;
+    } else {
+        t3 = $[9];
+    }
+    let t4;
+    if ($[10] !== t2 || $[11] !== t3) {
+        t4 = /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                t2,
+                t3
+            ]
+        });
+        $[10] = t2;
+        $[11] = t3;
+        $[12] = t4;
+    } else {
+        t4 = $[12];
+    }
+    return t4;
+};
+const Content = (t0)=>{
+    const $ = _c(10);
+    let children;
+    let props;
+    let sx;
+    if ($[0] !== t0) {
+        ({ children, sx, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = props;
+        $[3] = sx;
+    } else {
+        children = $[1];
+        props = $[2];
+        sx = $[3];
+    }
+    let t1;
+    if ($[4] !== sx) {
+        t1 = combineSx({
+            minWidth: "500px",
+            textWrap: "balance"
+        }, sx);
+        $[4] = sx;
+        $[5] = t1;
+    } else {
+        t1 = $[5];
+    }
+    let t2;
+    if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+        t2 = /*#__PURE__*/ _jsx(DialogContent, {
+            dividers: true,
+            ...props,
+            sx: t1,
+            children: children
+        });
+        $[6] = children;
+        $[7] = props;
+        $[8] = t1;
+        $[9] = t2;
+    } else {
+        t2 = $[9];
+    }
+    return t2;
+};
+const PrimaryButton = (t0)=>{
+    const $ = _c(6);
+    let children;
+    let props;
+    if ($[0] !== t0) {
+        ({ children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = props;
+    } else {
+        children = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== children || $[4] !== props) {
+        t1 = /*#__PURE__*/ _jsx(Button, {
+            variant: "contained",
+            type: "submit",
+            ...props,
+            children: children
+        });
+        $[3] = children;
+        $[4] = props;
+        $[5] = t1;
+    } else {
+        t1 = $[5];
+    }
+    return t1;
+};
+const SecondaryButton = (t0)=>{
+    const $ = _c(6);
+    let children;
+    let props;
+    if ($[0] !== t0) {
+        ({ children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = props;
+    } else {
+        children = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== children || $[4] !== props) {
+        t1 = /*#__PURE__*/ _jsx(Button, {
+            variant: "outlined",
+            color: "secondary",
+            ...props,
+            children: children
+        });
+        $[3] = children;
+        $[4] = props;
+        $[5] = t1;
+    } else {
+        t1 = $[5];
+    }
+    return t1;
 };
-const Content = ({ children, sx, ...props })=>/*#__PURE__*/ _jsx(DialogContent, {
-        dividers: true,
-        ...props,
-        sx: combineSx({
-            minWidth: `500px`,
-            textWrap: 'balance'
-        }, sx),
-        children: children
-    });
-const PrimaryButton = ({ children, ...props })=>/*#__PURE__*/ _jsx(Button, {
-        variant: "contained",
-        type: "submit",
-        ...props,
-        children: children
-    });
-const SecondaryButton = ({ children, ...props })=>/*#__PURE__*/ _jsx(Button, {
-        variant: "outlined",
-        color: "secondary",
-        ...props,
-        children: children
-    });
 /*
  * Material-ui has a prop "scroll=paper" that is specifically for dialog header and actions to be sticky and body to scroll,
  * but that doesn't work when dialog content is wrapped in form.
  * https://github.com/mui-org/material-ui/issues/13253
  * This component adds style to get expected behavior & should be used whenever we have a Form inside a Dialog
- */ const Form = styled('form')({
-    overflowY: 'auto',
-    display: 'flex',
-    flexDirection: 'column'
+ */ const Form = styled("form")({
+    overflowY: "auto",
+    display: "flex",
+    flexDirection: "column"
 });
 /**
  * Render the CSS of the dialog's close button, according to the given material theme.
  * @param theme material theme
  */ const dialogCloseIconButtonStyle = (theme)=>{
     return {
-        position: 'absolute',
+        position: "absolute",
         top: theme.spacing(0.5),
         right: theme.spacing(0.5)
     };
 };
-export const Dialog = ({ children, ...props })=>/*#__PURE__*/ _jsx(MuiDialog, {
-        ...props,
-        children: children
-    });
+export const Dialog = (t0)=>{
+    const $ = _c(6);
+    let children;
+    let props;
+    if ($[0] !== t0) {
+        ({ children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = props;
+    } else {
+        children = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== children || $[4] !== props) {
+        t1 = /*#__PURE__*/ _jsx(MuiDialog, {
+            ...props,
+            children: children
+        });
+        $[3] = children;
+        $[4] = props;
+        $[5] = t1;
+    } else {
+        t1 = $[5];
+    }
+    return t1;
+};
 Dialog.Header = Header;
 Dialog.Form = Form;
 Dialog.Content = Content;

package/dist/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dialog/Dialog.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 { StyledComponent } from '@emotion/styled';\nimport type {\n  ButtonProps,\n  DialogProps,\n  DialogTitleProps,\n  DialogContentProps as MuiDialogContentProps,\n  Theme,\n} from '@mui/material';\nimport {\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Dialog as MuiDialog,\n  styled,\n} from '@mui/material';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport type { MouseEvent, ReactElement } from 'react';\n\nimport { combineSx } from '../utils';\n\nexport interface DialogHeaderProps extends DialogTitleProps {\n  /**\n   * Callback fired when close button is clicked. If undefined, close button will not appear in header.\n   */\n  onClose?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nexport type DialogButtonProps = Omit<ButtonProps, 'variant' | 'color' | 'type'>;\n\nexport type DialogContentProps = MuiDialogContentProps;\n\nconst Header = ({ children, onClose, ...props }: DialogHeaderProps): ReactElement => {\n  return (\n    <>\n      <DialogTitle style={{ textOverflow: 'ellipsis', overflow: 'hidden' }} {...props}>\n        {children}\n      </DialogTitle>\n      {onClose && (\n        <IconButton aria-label=\"Close\" onClick={onClose} sx={dialogCloseIconButtonStyle}>\n          <CloseIcon />\n        </IconButton>\n      )}\n    </>\n  );\n};\n\nconst Content = ({ children, sx, ...props }: DialogContentProps): ReactElement => (\n  <DialogContent dividers {...props} sx={combineSx({ minWidth: `500px`, textWrap: 'balance' }, sx)}>\n    {children}\n  </DialogContent>\n);\n\nconst PrimaryButton = ({ children, ...props }: DialogButtonProps): ReactElement => (\n  <Button variant=\"contained\" type=\"submit\" {...props}>\n    {children}\n  </Button>\n);\n\nconst SecondaryButton = ({ children, ...props }: DialogButtonProps): ReactElement => (\n  <Button variant=\"outlined\" color=\"secondary\" {...props}>\n    {children}\n  </Button>\n);\n\n/*\n * Material-ui has a prop \"scroll=paper\" that is specifically for dialog header and actions to be sticky and body to scroll,\n * but that doesn't work when dialog content is wrapped in form.\n * https://github.com/mui-org/material-ui/issues/13253\n * This component adds style to get expected behavior & should be used whenever we have a Form inside a Dialog\n */\nconst Form: StyledComponent<React.ComponentProps<'form'>> = styled('form')({\n  overflowY: 'auto',\n  display: 'flex',\n  flexDirection: 'column',\n});\n\n/**\n * Render the CSS of the dialog's close button, according to the given material theme.\n * @param theme material theme\n */\nconst dialogCloseIconButtonStyle = (theme: Theme): Record<string, unknown> => {\n  return { position: 'absolute', top: theme.spacing(0.5), right: theme.spacing(0.5) };\n};\n\nexport const Dialog: React.FC<DialogProps> & {\n  Header: typeof Header;\n  Form: typeof Form;\n  Content: typeof Content;\n  PrimaryButton: typeof PrimaryButton;\n  SecondaryButton: typeof SecondaryButton;\n  Actions: typeof DialogActions;\n} = ({ children, ...props }) => <MuiDialog {...props}>{children}</MuiDialog>;\n\nDialog.Header = Header;\nDialog.Form = Form;\nDialog.Content = Content;\nDialog.PrimaryButton = PrimaryButton;\nDialog.SecondaryButton = SecondaryButton;\nDialog.Actions = DialogActions;\n"],"names":["Button","DialogActions","DialogContent","DialogTitle","IconButton","Dialog","MuiDialog","styled","CloseIcon","combineSx","Header","children","onClose","props","style","textOverflow","overflow","aria-label","onClick","sx","dialogCloseIconButtonStyle","Content","dividers","minWidth","textWrap","PrimaryButton","variant","type","SecondaryButton","color","Form","overflowY","display","flexDirection","theme","position","top","spacing","right","Actions"],"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;;AAUjC,SACEA,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,UAAUC,SAAS,EACnBC,MAAM,QACD,gBAAgB;AACvB,OAAOC,eAAe,wBAAwB;AAG9C,SAASC,SAAS,QAAQ,oBAAW;AAarC,MAAMC,SAAS,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGC,OAA0B;IAChE,qBACE;;0BACE,KAACV;gBAAYW,OAAO;oBAAEC,cAAc;oBAAYC,UAAU;gBAAS;gBAAI,GAAGH,KAAK;0BAC5EF;;YAEFC,yBACC,KAACR;gBAAWa,cAAW;gBAAQC,SAASN;gBAASO,IAAIC;0BACnD,cAAA,KAACZ;;;;AAKX;AAEA,MAAMa,UAAU,CAAC,EAAEV,QAAQ,EAAEQ,EAAE,EAAE,GAAGN,OAA2B,iBAC7D,KAACX;QAAcoB,QAAQ;QAAE,GAAGT,KAAK;QAAEM,IAAIV,UAAU;YAAEc,UAAU,CAAC,KAAK,CAAC;YAAEC,UAAU;QAAU,GAAGL;kBAC1FR;;AAIL,MAAMc,gBAAgB,CAAC,EAAEd,QAAQ,EAAE,GAAGE,OAA0B,iBAC9D,KAACb;QAAO0B,SAAQ;QAAYC,MAAK;QAAU,GAAGd,KAAK;kBAChDF;;AAIL,MAAMiB,kBAAkB,CAAC,EAAEjB,QAAQ,EAAE,GAAGE,OAA0B,iBAChE,KAACb;QAAO0B,SAAQ;QAAWG,OAAM;QAAa,GAAGhB,KAAK;kBACnDF;;AAIL;;;;;CAKC,GACD,MAAMmB,OAAsDvB,OAAO,QAAQ;IACzEwB,WAAW;IACXC,SAAS;IACTC,eAAe;AACjB;AAEA;;;CAGC,GACD,MAAMb,6BAA6B,CAACc;IAClC,OAAO;QAAEC,UAAU;QAAYC,KAAKF,MAAMG,OAAO,CAAC;QAAMC,OAAOJ,MAAMG,OAAO,CAAC;IAAK;AACpF;AAEA,OAAO,MAAMhC,SAOT,CAAC,EAAEM,QAAQ,EAAE,GAAGE,OAAO,iBAAK,KAACP;QAAW,GAAGO,KAAK;kBAAGF;OAAsB;AAE7EN,OAAOK,MAAM,GAAGA;AAChBL,OAAOyB,IAAI,GAAGA;AACdzB,OAAOgB,OAAO,GAAGA;AACjBhB,OAAOoB,aAAa,GAAGA;AACvBpB,OAAOuB,eAAe,GAAGA;AACzBvB,OAAOkC,OAAO,GAAGtC"}
+{"version":3,"sources":["../../src/Dialog/Dialog.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 { StyledComponent } from '@emotion/styled';\nimport type {\n  ButtonProps,\n  DialogProps,\n  DialogTitleProps,\n  DialogContentProps as MuiDialogContentProps,\n  Theme,\n} from '@mui/material';\nimport {\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Dialog as MuiDialog,\n  styled,\n} from '@mui/material';\nimport type { MUIStyledCommonProps } from '@mui/system';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport type { MouseEvent, ReactElement } from 'react';\n\nimport { combineSx } from '../utils';\n\nexport interface DialogHeaderProps extends DialogTitleProps {\n  /**\n   * Callback fired when close button is clicked. If undefined, close button will not appear in header.\n   */\n  onClose?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nexport type DialogButtonProps = Omit<ButtonProps, 'variant' | 'color' | 'type'>;\n\nexport type DialogContentProps = MuiDialogContentProps;\n\nconst Header = ({ children, onClose, ...props }: DialogHeaderProps): ReactElement => {\n  return (\n    <>\n      <DialogTitle style={{ textOverflow: 'ellipsis', overflow: 'hidden' }} {...props}>\n        {children}\n      </DialogTitle>\n      {onClose && (\n        <IconButton aria-label=\"Close\" onClick={onClose} sx={dialogCloseIconButtonStyle}>\n          <CloseIcon />\n        </IconButton>\n      )}\n    </>\n  );\n};\n\nconst Content = ({ children, sx, ...props }: DialogContentProps): ReactElement => (\n  <DialogContent dividers {...props} sx={combineSx({ minWidth: `500px`, textWrap: 'balance' }, sx)}>\n    {children}\n  </DialogContent>\n);\n\nconst PrimaryButton = ({ children, ...props }: DialogButtonProps): ReactElement => (\n  <Button variant=\"contained\" type=\"submit\" {...props}>\n    {children}\n  </Button>\n);\n\nconst SecondaryButton = ({ children, ...props }: DialogButtonProps): ReactElement => (\n  <Button variant=\"outlined\" color=\"secondary\" {...props}>\n    {children}\n  </Button>\n);\n\n/*\n * Material-ui has a prop \"scroll=paper\" that is specifically for dialog header and actions to be sticky and body to scroll,\n * but that doesn't work when dialog content is wrapped in form.\n * https://github.com/mui-org/material-ui/issues/13253\n * This component adds style to get expected behavior & should be used whenever we have a Form inside a Dialog\n */\nconst Form: StyledComponent<MUIStyledCommonProps<Theme>, React.ComponentProps<'form'>> = styled('form')({\n  overflowY: 'auto',\n  display: 'flex',\n  flexDirection: 'column',\n});\n\n/**\n * Render the CSS of the dialog's close button, according to the given material theme.\n * @param theme material theme\n */\nconst dialogCloseIconButtonStyle = (theme: Theme): Record<string, unknown> => {\n  return { position: 'absolute', top: theme.spacing(0.5), right: theme.spacing(0.5) };\n};\n\nexport const Dialog: React.FC<DialogProps> & {\n  Header: typeof Header;\n  Form: typeof Form;\n  Content: typeof Content;\n  PrimaryButton: typeof PrimaryButton;\n  SecondaryButton: typeof SecondaryButton;\n  Actions: typeof DialogActions;\n} = ({ children, ...props }) => <MuiDialog {...props}>{children}</MuiDialog>;\n\nDialog.Header = Header;\nDialog.Form = Form;\nDialog.Content = Content;\nDialog.PrimaryButton = PrimaryButton;\nDialog.SecondaryButton = SecondaryButton;\nDialog.Actions = DialogActions;\n"],"names":["Button","DialogActions","DialogContent","DialogTitle","IconButton","Dialog","MuiDialog","styled","CloseIcon","combineSx","Header","Content","PrimaryButton","SecondaryButton","Form","overflowY","display","flexDirection","dialogCloseIconButtonStyle","theme","position","top","spacing","right","Actions"],"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;;;AAUjC,SACEA,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,UAAUC,SAAS,EACnBC,MAAM,QACD,gBAAgB;AAEvB,OAAOC,eAAe,wBAAwB;AAG9C,SAASC,SAAS,QAAQ,oBAAW;AAarC,MAAMC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAef,MAAMC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMhB,MAAMC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMtB,MAAMC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMxB;;;;;CAKC,GACD,MAAMC,OAAmFP,OAAO,QAAQ;IACtGQ,WAAW;IACXC,SAAS;IACTC,eAAe;AACjB;AAEA;;;CAGC,GACD,MAAMC,6BAA6B,CAACC;IAClC,OAAO;QAAEC,UAAU;QAAYC,KAAKF,MAAMG,OAAO,CAAC;QAAMC,OAAOJ,MAAMG,OAAO,CAAC;IAAK;AACpF;AAEA,OAAO,MAAMjB,SAOT;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyE;AAE7EA,OAAOK,MAAM,GAAGA;AAChBL,OAAOS,IAAI,GAAGA;AACdT,OAAOM,OAAO,GAAGA;AACjBN,OAAOO,aAAa,GAAGA;AACvBP,OAAOQ,eAAe,GAAGA;AACzBR,OAAOmB,OAAO,GAAGvB"}

package/dist/Dialog/DiscardChangesConfirmationDialog.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } 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.
@@ -14,34 +15,85 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@mui/material";
 import { Dialog } from "./Dialog.js";
 export const DiscardChangesConfirmationDialog = (props)=>{
+    const $ = _c(14);
     const { description, isOpen, onCancel, onDiscardChanges } = props;
-    return /*#__PURE__*/ _jsxs(Dialog, {
-        open: isOpen,
-        "aria-labelledby": "discard-dialog",
-        children: [
-            /*#__PURE__*/ _jsx(Dialog.Header, {
-                children: "Discard Changes"
-            }),
-            /*#__PURE__*/ _jsx(Dialog.Content, {
-                children: description
-            }),
-            /*#__PURE__*/ _jsxs(Dialog.Actions, {
-                children: [
-                    /*#__PURE__*/ _jsx(Button, {
-                        variant: "contained",
-                        onClick: onDiscardChanges,
-                        children: "Discard Changes"
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        variant: "outlined",
-                        color: "secondary",
-                        onClick: onCancel,
-                        children: "Cancel"
-                    })
-                ]
-            })
-        ]
-    });
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ _jsx(Dialog.Header, {
+            children: "Discard Changes"
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    let t1;
+    if ($[1] !== description) {
+        t1 = /*#__PURE__*/ _jsx(Dialog.Content, {
+            children: description
+        });
+        $[1] = description;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    let t2;
+    if ($[3] !== onDiscardChanges) {
+        t2 = /*#__PURE__*/ _jsx(Button, {
+            variant: "contained",
+            onClick: onDiscardChanges,
+            children: "Discard Changes"
+        });
+        $[3] = onDiscardChanges;
+        $[4] = t2;
+    } else {
+        t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== onCancel) {
+        t3 = /*#__PURE__*/ _jsx(Button, {
+            variant: "outlined",
+            color: "secondary",
+            onClick: onCancel,
+            children: "Cancel"
+        });
+        $[5] = onCancel;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    let t4;
+    if ($[7] !== t2 || $[8] !== t3) {
+        t4 = /*#__PURE__*/ _jsxs(Dialog.Actions, {
+            children: [
+                t2,
+                t3
+            ]
+        });
+        $[7] = t2;
+        $[8] = t3;
+        $[9] = t4;
+    } else {
+        t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== isOpen || $[11] !== t1 || $[12] !== t4) {
+        t5 = /*#__PURE__*/ _jsxs(Dialog, {
+            open: isOpen,
+            "aria-labelledby": "discard-dialog",
+            children: [
+                t0,
+                t1,
+                t4
+            ]
+        });
+        $[10] = isOpen;
+        $[11] = t1;
+        $[12] = t4;
+        $[13] = t5;
+    } else {
+        t5 = $[13];
+    }
+    return t5;
 };
 
 //# sourceMappingURL=DiscardChangesConfirmationDialog.js.map

package/dist/Dialog/DiscardChangesConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dialog/DiscardChangesConfirmationDialog.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 { Button } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport { Dialog } from './Dialog';\n\ninterface DiscardChangesConfirmationDialogProps {\n  description: string;\n  isOpen: boolean;\n  onCancel: () => void;\n  onDiscardChanges: () => void;\n}\n\nexport const DiscardChangesConfirmationDialog = (props: DiscardChangesConfirmationDialogProps): ReactElement => {\n  const { description, isOpen, onCancel, onDiscardChanges } = props;\n\n  return (\n    <Dialog open={isOpen} aria-labelledby=\"discard-dialog\">\n      <Dialog.Header>Discard Changes</Dialog.Header>\n      <Dialog.Content>{description}</Dialog.Content>\n      <Dialog.Actions>\n        <Button variant=\"contained\" onClick={onDiscardChanges}>\n          Discard Changes\n        </Button>\n        <Button variant=\"outlined\" color=\"secondary\" onClick={onCancel}>\n          Cancel\n        </Button>\n      </Dialog.Actions>\n    </Dialog>\n  );\n};\n"],"names":["Button","Dialog","DiscardChangesConfirmationDialog","props","description","isOpen","onCancel","onDiscardChanges","open","aria-labelledby","Header","Content","Actions","variant","onClick","color"],"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,MAAM,QAAQ,gBAAgB;AAGvC,SAASC,MAAM,QAAQ,cAAW;AASlC,OAAO,MAAMC,mCAAmC,CAACC;IAC/C,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,gBAAgB,EAAE,GAAGJ;IAE5D,qBACE,MAACF;QAAOO,MAAMH;QAAQI,mBAAgB;;0BACpC,KAACR,OAAOS,MAAM;0BAAC;;0BACf,KAACT,OAAOU,OAAO;0BAAEP;;0BACjB,MAACH,OAAOW,OAAO;;kCACb,KAACZ;wBAAOa,SAAQ;wBAAYC,SAASP;kCAAkB;;kCAGvD,KAACP;wBAAOa,SAAQ;wBAAWE,OAAM;wBAAYD,SAASR;kCAAU;;;;;;AAMxE,EAAE"}
+{"version":3,"sources":["../../src/Dialog/DiscardChangesConfirmationDialog.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 { Button } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport { Dialog } from './Dialog';\n\ninterface DiscardChangesConfirmationDialogProps {\n  description: string;\n  isOpen: boolean;\n  onCancel: () => void;\n  onDiscardChanges: () => void;\n}\n\nexport const DiscardChangesConfirmationDialog = (props: DiscardChangesConfirmationDialogProps): ReactElement => {\n  const { description, isOpen, onCancel, onDiscardChanges } = props;\n\n  return (\n    <Dialog open={isOpen} aria-labelledby=\"discard-dialog\">\n      <Dialog.Header>Discard Changes</Dialog.Header>\n      <Dialog.Content>{description}</Dialog.Content>\n      <Dialog.Actions>\n        <Button variant=\"contained\" onClick={onDiscardChanges}>\n          Discard Changes\n        </Button>\n        <Button variant=\"outlined\" color=\"secondary\" onClick={onCancel}>\n          Cancel\n        </Button>\n      </Dialog.Actions>\n    </Dialog>\n  );\n};\n"],"names":["Button","Dialog","DiscardChangesConfirmationDialog"],"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,MAAM,QAAQ,gBAAgB;AAGvC,SAASC,MAAM,QAAQ,cAAW;AASlC,OAAO,MAAMC,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiB9C"}