@carto/meridian-ds 1.4.8-alpha-external-link.5 → 1.4.8

package/dist/components/index.cjs

@@ -2,19 +2,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const reactIntl = require("react-intl");
 const material = require("@mui/material");
+const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
+const reactIntl = require("react-intl");
 const iconsMaterial = require("@mui/icons-material");
-const TablePaginationActions = require("../TablePaginationActions-CAmwcyTy.cjs");
-const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
-const OpenDiagonallyRight = require("../OpenDiagonallyRight-CM1tojUq.cjs");
-const Alert$1 = require("../Alert-CmDToT57.cjs");
+const Alert$1 = require("../Alert-BiOR9aar.cjs");
 require("cartocolor");
 const MenuItem = require("../MenuItem-Br2jY2lt.cjs");
+const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
 const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
 const xDatePickers = require("@mui/x-date-pickers");
 const TimePicker$1 = require("@mui/x-date-pickers/TimePicker");
 const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
+const OpenDiagonallyRight = require("../OpenDiagonallyRight-BrRyCV4Q.cjs");
 const reactCodemirror2 = require("react-codemirror2");
 const colors = require("@mui/material/colors");
 require("codemirror/lib/codemirror.css");
@@ -61,13 +61,8 @@ function _Button({
   startIcon,
   endIcon,
   loadingPosition,
-  external,
-  showExternalIcon = true,
-  "aria-label": ariaLabel,
   ...otherProps
 }, ref) {
-  const intl = reactIntl.useIntl();
-  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const defaultIconLoader = /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 18, color: "inherit" });
   const isDefaultLoading = loading && loadingPosition === void 0;
   const renderContent = () => {
@@ -89,11 +84,7 @@ function _Button({
       }
       return void 0;
     }
-    if (position === "start") {
-      return startIcon;
-    } else {
-      return endIcon || (external && showExternalIcon && otherProps.href ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.OpenInNewOutlined, {}) : void 0);
-    }
+    return position === "start" ? startIcon : endIcon;
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     material.Button,
@@ -103,103 +94,12 @@ function _Button({
       endIcon: getIconForPosition("end"),
       ...otherProps,
       role: otherProps.href ? "link" : "button",
-      ...otherProps.href && external && {
-        target: "_blank",
-        rel: "noopener noreferrer"
-      },
-      "aria-label": ariaLabel || (external && otherProps.href ? `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
-        id: "c4r.button.opensInNewTab"
-      })})` : void 0),
       ref,
       children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "inherit", color: "inherit", noWrap: true, component: "span", children: renderContent() })
     }
   );
 }
 const Button = React.forwardRef(_Button);
-const ButtonGroup = material.styled(material.ButtonGroup)(({ theme, size }) => ({
-  "& .MuiButton-root:last-child": {
-    padding: 0,
-    minWidth: size === "small" ? theme.spacing(3) : size === "large" ? theme.spacing(6) : theme.spacing(4)
-  }
-}));
-function SplitButton({
-  options,
-  onClick,
-  variant,
-  size,
-  color,
-  ...otherProps
-}) {
-  var _a;
-  const [open, setOpen] = React.useState(false);
-  const anchorRef = React.useRef(null);
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const handleClick = () => {
-    onClick(options[selectedIndex]);
-  };
-  const handleMenuItemClick = (_, index) => {
-    setSelectedIndex(index);
-    setOpen(false);
-  };
-  const handleToggle = () => {
-    setOpen((prevOpen) => !prevOpen);
-  };
-  const handleClose = (event) => {
-    var _a2;
-    if ((_a2 = anchorRef.current) == null ? void 0 : _a2.contains(event.target)) {
-      return;
-    }
-    setOpen(false);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      ButtonGroup,
-      {
-        "data-name": "split-button",
-        ref: anchorRef,
-        variant,
-        size,
-        color,
-        ...otherProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleClick, children: (_a = options[selectedIndex]) == null ? void 0 : _a.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleToggle, children: open ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ArrowUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ArrowDown, {}) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      material.Popper,
-      {
-        sx: { zIndex: 1 },
-        open,
-        anchorEl: anchorRef.current,
-        role: void 0,
-        transition: true,
-        disablePortal: true,
-        placement: "bottom-end",
-        children: ({ TransitionProps, placement }) => /* @__PURE__ */ jsxRuntime.jsx(
-          material.Grow,
-          {
-            ...TransitionProps,
-            style: {
-              transformOrigin: placement === "bottom" ? "center top" : "center bottom"
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { elevation: 8, children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(material.MenuList, { autoFocusItem: true, sx: { paddingY: 1 }, children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              material.MenuItem,
-              {
-                disabled: option.disabled,
-                selected: index === selectedIndex,
-                onClick: (event) => handleMenuItemClick(event, index),
-                children: option.label
-              },
-              option.label
-            )) }) }) })
-          }
-        )
-      }
-    )
-  ] });
-}
 const Root$5 = material.styled(material.Box)(({ theme }) => ({
   display: "flex",
   alignItems: "center",
@@ -3214,9 +3114,8 @@ const CodeAreaTheme = material.styled(material.Box, {
     right: 0,
     zIndex: 1
   },
-  ".CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like, & .cm-bracket": {
-    color: theme.palette.text.primary,
-    fontVariantLigatures: "no-common-ligatures"
+  "& .pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like, & .cm-bracket": {
+    color: theme.palette.text.primary
   },
   "& .CodeMirror pre.CodeMirror-placeholder": {
     color: theme.palette.text.hint
@@ -3234,7 +3133,7 @@ const CodeAreaTheme = material.styled(material.Box, {
   "& .cm-number, & .cm-property, & .cm-builtin": {
     color: colors.red[700]
   },
-  "& .cm-comment, & .cm-quote": {
+  "& .cm-comment": {
     color: theme.palette.text.secondary
   },
   "& .cm-variable": {
@@ -3243,18 +3142,9 @@ const CodeAreaTheme = material.styled(material.Box, {
   "& .cm-variable-2": {
     color: theme.palette.text.primary
   },
-  "& .cm-punctuation, & .cm-def": {
+  "& .cm-punctuation, & .cm-def, ": {
     color: colors.blue[800]
   },
-  "& .cm-image-alt-text, & .cm-link": {
-    color: colors.green[800],
-    textDecoration: "none"
-  },
-  // Custom inline link styling .cm-inline-url
-  "& .cm-url, & .cm-inline-url": {
-    color: colors.blue[800],
-    textDecoration: "none"
-  },
   "& .cm-variable-3, & .cm-type": {
     color: colors.indigo[800]
   },
@@ -3268,23 +3158,20 @@ const CodeAreaTheme = material.styled(material.Box, {
   "& .CodeMirror-selected": {
     background: colors.blue[800]
   },
-  "& .cm-header": {
-    color: colors.red[700],
-    ...theme.typography.code3,
-    fontWeight: theme.typography.fontWeightBold
+  "& .cm-header-1": {
+    fontSize: theme.typography.h2.fontSize
   },
-  "& .cm-header-4, & .cm-header-5, & .cm-header-6": {
-    fontWeight: theme.typography.fontWeightRegular
+  "& .cm-header-2": {
+    fontSize: theme.typography.h3.fontSize
   },
-  // Custom inline code styling
-  "& .cm-inline-code": {
-    backgroundColor: theme.palette.black[4],
-    color: colors.purple[500]
+  "& .cm-header-3": {
+    fontSize: theme.typography.h4.fontSize
   },
-  // Custom code block styling
-  "& .cm-code-block": {
-    backgroundColor: theme.palette.black[4],
-    marginRight: theme.spacing(2)
+  "& .cm-header-4": {
+    fontSize: theme.typography.h5.fontSize
+  },
+  "& .cm-header-5": {
+    fontSize: theme.typography.h6.fontSize
   },
   ...size === "small" && {
     "& .CodeMirror": {
@@ -3320,100 +3207,6 @@ function findCodeAreaControlCodeOccurrences(content) {
   }
   return matches;
 }
-const editorMarkers = /* @__PURE__ */ new WeakMap();
-function clearMarkersForClass(editor, className) {
-  var _a, _b;
-  const markers = (_a = editorMarkers.get(editor)) == null ? void 0 : _a.get(className);
-  if (!markers) return;
-  markers.forEach((marker) => {
-    if (marker.find()) {
-      marker.clear();
-    }
-  });
-  (_b = editorMarkers.get(editor)) == null ? void 0 : _b.delete(className);
-}
-function storeMarkersForClass(editor, className, markers) {
-  if (!editorMarkers.has(editor)) {
-    editorMarkers.set(editor, /* @__PURE__ */ new Map());
-  }
-  const editorMap = editorMarkers.get(editor);
-  if (editorMap) {
-    editorMap.set(className, markers);
-  }
-}
-function CodeAreaMarkTextPattern(editor, pattern, options, excludePatterns) {
-  const { className } = options;
-  clearMarkersForClass(editor, className);
-  const doc = editor.getDoc();
-  const content = doc.getValue();
-  const excludeRanges = (excludePatterns == null ? void 0 : excludePatterns.flatMap(
-    (excludePattern) => Array.from(content.matchAll(excludePattern), (match) => ({
-      start: match.index,
-      end: match.index + match[0].length
-    }))
-  )) ?? [];
-  const markers = Array.from(content.matchAll(pattern)).filter((match) => {
-    if (excludeRanges.some(
-      (range) => match.index >= range.start && match.index < range.end
-    )) {
-      return false;
-    }
-    return !match[1] || match[1].trim().length > 0;
-  }).map((match) => {
-    const startPos = doc.posFromIndex(match.index);
-    const endPos = doc.posFromIndex(match.index + match[0].length);
-    return editor.markText(startPos, endPos, {
-      atomic: false,
-      clearOnEnter: false,
-      ...options
-    });
-  });
-  if (markers.length > 0) {
-    storeMarkersForClass(editor, className, markers);
-  }
-}
-function markInlineCode(editor, className = "cm-inline-code") {
-  const inlineCodePattern = /`([^`\n\r]+)`/g;
-  const codeBlockPattern = /```[\s\S]*?```/g;
-  CodeAreaMarkTextPattern(
-    editor,
-    inlineCodePattern,
-    {
-      className
-    },
-    [codeBlockPattern]
-  );
-}
-function markInlineLinks(editor, className = "cm-inline-url") {
-  const inlineLinkPattern = /<((?:https?:\/\/[^\s<>]+)|(?:[^\s<>@]+@[^\s<>@]+\.[^\s<>@]+))>/g;
-  const codeBlockPattern = /```[\s\S]*?```/g;
-  CodeAreaMarkTextPattern(
-    editor,
-    inlineLinkPattern,
-    {
-      className
-    },
-    [codeBlockPattern]
-  );
-}
-function markCodeBlocks(editor, className = "cm-code-block") {
-  const doc = editor.getDoc();
-  const content = doc.getValue();
-  const lineCount = content.split("\n").length;
-  for (let i = 0; i < lineCount; i++) {
-    ["background", "wrap", "text"].forEach(
-      (where) => editor.removeLineClass(i, where, className)
-    );
-  }
-  const codeBlockPattern = /```[\s\S]*?(?:```|$)/g;
-  Array.from(content.matchAll(codeBlockPattern)).forEach((match) => {
-    const startPos = doc.posFromIndex(match.index);
-    const endPos = doc.posFromIndex(match.index + match[0].length);
-    for (let lineNum = startPos.line; lineNum <= endPos.line; lineNum++) {
-      editor.addLineClass(lineNum, "wrap", className);
-    }
-  });
-}
 function foldCode(editor, { from, to }) {
   editor.foldCode(
     0,
@@ -3454,7 +3247,6 @@ function CodeAreaInput({
   const codeMirrorOptions = {
     mode: "sql",
     theme: "light",
-    addModeClass: true,
     lineNumbers: true,
     lineWrapping: true,
     extraKeys: { "Ctrl-Space": "autocomplete" },
@@ -3485,13 +3277,6 @@ function CodeAreaInput({
     }
     initialFoldingDoneRef.current = true;
   }, [value, editor, autoFoldControlBlocks]);
-  React.useEffect(() => {
-    const mode = typeof (options == null ? void 0 : options.mode) === "object" && options.mode !== null ? options.mode.name : options == null ? void 0 : options.mode;
-    if (mode !== "markdown" || !editor || !value) return;
-    markInlineCode(editor);
-    markInlineLinks(editor);
-    markCodeBlocks(editor);
-  }, [editor, value, options == null ? void 0 : options.mode]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     CodeAreaTheme,
     {
@@ -4701,7 +4486,6 @@ exports.TablePaginationActions = TablePaginationActions.TablePaginationActions;
 exports.Typography = TablePaginationActions.Typography;
 exports.Alert = Alert$1.Alert;
 exports.IconButton = Alert$1.IconButton;
-exports.Link = Alert$1.Link;
 exports.MenuItem = MenuItem.MenuItem;
 exports.AccordionGroup = AccordionGroup;
 exports.AppBar = AppBar;
@@ -4716,7 +4500,6 @@ exports.CodeAreaField = CodeAreaField;
 exports.CodeAreaFooter = CodeAreaFooter;
 exports.CodeAreaHeader = CodeAreaHeader;
 exports.CodeAreaInput = CodeAreaInput;
-exports.CodeAreaMarkTextPattern = CodeAreaMarkTextPattern;
 exports.CopiableComponent = CopiableComponent;
 exports.CreatableAutocomplete = CreatableAutocomplete;
 exports.DatePicker = DatePicker;
@@ -4741,7 +4524,6 @@ exports.MultipleSelectField = MultipleSelectField;
 exports.PasswordField = PasswordField;
 exports.SelectField = SelectField;
 exports.Snackbar = Snackbar;
-exports.SplitButton = SplitButton;
 exports.Tag = Tag;
 exports.TimePicker = TimePicker;
 exports.ToggleButtonGroup = ToggleButtonGroup;