@gridsuite/commons-ui 0.98.0 → 0.100.0

package/dist/components/parameters/parameters-style.js

@@ -0,0 +1,146 @@
+const parametersStyles = {
+  title: (theme) => ({
+    padding: theme.spacing(2)
+  }),
+  minWidthMedium: (theme) => ({
+    minWidth: theme.spacing(20)
+  }),
+  parameterName: (theme) => ({
+    fontWeight: "bold",
+    marginTop: theme.spacing(1)
+  }),
+  controlItem: {
+    justifyContent: "flex-end",
+    flexGrow: 1
+  },
+  controlParametersItem: {
+    justifyContent: "flex-start",
+    flexGrow: 1,
+    height: "fit-content",
+    paddingBottom: 4
+  },
+  button: (theme) => ({
+    marginBottom: theme.spacing(2),
+    marginLeft: theme.spacing(1)
+  }),
+  subgroupParameters: (theme) => ({
+    marginTop: theme.spacing(2),
+    marginBottom: theme.spacing(1)
+  }),
+  subgroupParametersAccordion: {
+    "&:before": {
+      display: "none"
+    },
+    background: "none"
+  },
+  subgroupParametersAccordionSummary: (theme) => ({
+    flexDirection: "row-reverse",
+    "& .MuiAccordionSummary-expandIconWrapper": {
+      transform: "rotate(-90deg)"
+    },
+    "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
+      transform: "rotate(0deg)"
+    },
+    "& .MuiAccordionSummary-content": {
+      marginLeft: theme.spacing(0)
+    }
+  }),
+  subgroupParametersAccordionDetails: (theme) => ({
+    padding: theme.spacing(0)
+  }),
+  marginTopButton: {
+    marginTop: "10px",
+    position: "sticky",
+    bottom: 0
+  },
+  scrollableGrid: (theme) => ({
+    overflowY: "auto",
+    overflowX: "hidden",
+    maxHeight: "85%",
+    // TODO This needs to be refactored
+    paddingRight: theme.spacing(2),
+    paddingTop: theme.spacing(2),
+    paddingBottom: theme.spacing(1),
+    flexGrow: 1
+  }),
+  singleItem: (theme) => ({
+    display: "flex",
+    flex: "auto",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1)
+  }),
+  firstTextField: (theme) => ({
+    marginLeft: theme.spacing(3)
+  }),
+  secondTextField: (theme) => ({
+    marginLeft: theme.spacing(3),
+    marginRight: theme.spacing(2)
+  }),
+  singleTextField: (theme) => ({
+    display: "flex",
+    marginRight: theme.spacing(2),
+    marginLeft: theme.spacing(1)
+  }),
+  tooltip: (theme) => ({
+    marginLeft: theme.spacing(1)
+  }),
+  text: (theme) => ({
+    display: "flex",
+    marginBottom: theme.spacing(1),
+    marginTop: theme.spacing(1)
+  }),
+  multipleItems: (theme) => ({
+    display: "flex",
+    flex: "auto",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1)
+  }),
+  tabWithError: (theme) => ({
+    "&.Mui-selected": { color: theme.palette.error.main },
+    color: theme.palette.error.main
+  }),
+  tabWithErrorIndicator: (theme) => ({
+    backgroundColor: theme.palette.error.main
+  }),
+  panel: (theme) => ({
+    marginTop: theme.spacing(2),
+    marginBottom: theme.spacing(1)
+  }),
+  adjustExistingLimitsInfo: (theme) => ({
+    display: "flex",
+    alignItems: "center",
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1)
+  }),
+  circularProgress: (theme) => ({
+    marginRight: theme.spacing(2),
+    color: theme.palette.primary.contrastText
+  }),
+  icon: (theme) => ({
+    width: theme.spacing(3)
+  }),
+  modificationsTitle: (theme) => ({
+    display: "flex",
+    alignItems: "center",
+    margin: theme.spacing(0),
+    padding: theme.spacing(1),
+    backgroundColor: theme.palette.primary.main,
+    color: theme.palette.primary.contrastText,
+    overflow: "hidden"
+  })
+};
+function getTabIndicatorStyle(tabIndexesWithError, index) {
+  return tabIndexesWithError.includes(index) ? parametersStyles.tabWithErrorIndicator : void 0;
+}
+function getTabStyle(tabIndexesWithError, index) {
+  return tabIndexesWithError.includes(index) ? parametersStyles.tabWithError : void 0;
+}
+export {
+  getTabIndicatorStyle,
+  getTabStyle,
+  parametersStyles
+};

package/dist/components/topBar/DevModeBanner.d.ts

@@ -0,0 +1 @@
+export declare function DevModeBanner(): import("react/jsx-runtime").JSX.Element;

package/dist/components/topBar/DevModeBanner.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Collapse, Alert, Typography } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+const styles = {
+  alert: {
+    "& .MuiAlert-colorWarning": {
+      backgroundColor: "#f6b26b",
+      color: "black",
+      "& .MuiAlert-action .MuiIconButton-root:hover": {
+        backgroundColor: "#e39648"
+      },
+      "& .MuiAlert-icon": {
+        color: "red"
+      }
+    },
+    // MUI IconButton: square ripple
+    "& .MuiAlert-action .MuiIconButton-root": {
+      borderRadius: 1,
+      "& .MuiTouchRipple-root .MuiTouchRipple-child ": {
+        borderRadius: "8px"
+      }
+    }
+  }
+};
+function DevModeBanner() {
+  const [visible, setVisible] = useState(true);
+  return /* @__PURE__ */ jsx(Collapse, { in: visible, sx: styles.alert, children: /* @__PURE__ */ jsx(
+    Alert,
+    {
+      square: true,
+      severity: "warning",
+      variant: "filled",
+      elevation: 0,
+      onClose: useCallback(() => setVisible(false), []),
+      children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/developerModeWarning", defaultMessage: "Developer mode" }) })
+    }
+  ) });
+}
+export {
+  DevModeBanner
+};