@carto/meridian-ds 1.4.2 → 1.4.3-alpha-codemirror.2

package/CHANGELOG.md

@@ -2,8 +2,23 @@
 
 ## Unreleased
 
+- New CodeAreaField & CodeAreaDialog components [#175](https://github.com/CartoDB/meridian-ds/pull/175)
+- New CopiableComponent component [#187](https://github.com/CartoDB/meridian-ds/pull/187)
+
 ## 1.0
 
+### 1.4.3
+
+- Fix: MultipleSelectField: select all filter is not working [#183](https://github.com/CartoDB/meridian-ds/pull/183)
+- Update Custom Icons [#184](https://github.com/CartoDB/meridian-ds/pull/184)
+- Fix: Mocks are not properly reset between test executions [#177](https://github.com/CartoDB/meridian-ds/pull/177)
+- Improve Eslint rules regarding testing in Meridian [#172](https://github.com/CartoDB/meridian-ds/pull/172)
+- Unit tests refactor: replace destructuring with screen [#173](https://github.com/CartoDB/meridian-ds/pull/173)
+- Add unit tests for SelectField & Alert components [#164](https://github.com/CartoDB/meridian-ds/pull/164)
+- Add unit tests for Custom Icons [#170](https://github.com/CartoDB/meridian-ds/pull/170)
+- Refactor forwading prop tests in all files to use reusable helper [#165](https://github.com/CartoDB/meridian-ds/pull/165)
+- Add unit tests for Menu components [#158](https://github.com/CartoDB/meridian-ds/pull/158)
+
 ### 1.4.2
 
 - Pass `reason` parameter to the **CreatableAutocomplete** `onChange` callback [#160](https://github.com/CartoDB/meridian-ds/pull/160)

package/dist/Alert-Bcn_9-oO.cjs

@@ -0,0 +1,4 @@
+"use strict";const o=require("react/jsx-runtime"),c=require("./TablePaginationActions-BfAn9gSh.cjs"),l=require("@mui/material"),u=require("react"),T=l.styled(l.Alert,{shouldForwardProp:i=>!["isNeutral","content","hasCloseButton","hasAction","hasTitle","isSticky"].includes(i)})(({isNeutral:i,content:n,hasCloseButton:r,hasAction:e,hasTitle:t,isSticky:s,theme:a})=>({columnGap:a.spacing(1),minHeight:a.spacing(6),...e&&{display:"grid",gridTemplateAreas:n==="inline"||r?'"icon message actions"':`
+    "icon message"
+    "icon actions"
+    `,gridTemplateColumns:r?`${c.ICON_SIZE_MEDIUM} 1fr ${a.spacing(3)}`:`${c.ICON_SIZE_MEDIUM}`},...i&&{backgroundColor:a.palette.default.background,color:a.palette.text.primary},...s&&{borderRadius:0},".MuiAlert-message":{flex:1,paddingTop:t?a.spacing(.25):a.spacing(.5),"& a":{color:a.palette.primary.main,textDecoration:"none","&:hover":{textDecoration:"underline"}},...e&&{gridArea:"message"},...i&&{"& :not(.MuiAlertTitle-root)":{color:a.palette.text.secondary},a:{color:`${a.palette.primary.main} !important`}}},".MuiAlert-icon":{height:t?a.spacing(2.5):a.spacing(3),marginRight:0,...e&&{gridArea:"icon"},...i&&{color:a.palette.text.primary}},".MuiAlert-action":{alignItems:n==="inline"&&!r?"center":"flex-start",margin:n==="block"&&!r?a.spacing(1.5,0,.5):0,marginLeft:n==="inline"||r?"auto":0,padding:0,...e&&{gridArea:"actions"},".MuiIconButton-root svg path":{fill:r?a.palette.text.secondary:void 0}}}));function v({title:i,action:n,severity:r="neutral",content:e="inline",variant:t="standard",children:s,onClose:a,open:p,isSticky:d,...A},x){const[f,y]=u.useState(p??!0),m=a?I=>{a(I),y(!1)}:void 0,g=r==="neutral",M=p??f;return o.jsx(l.Fade,{in:M,appear:!1,children:o.jsxs(T,{ref:x,severity:g?"info":r,isNeutral:g,content:e,action:n,onClose:m,hasCloseButton:!!a,hasAction:!!n,hasTitle:!!i,isSticky:d,variant:t,"data-name":"alert","data-sticky":d,"data-content":e,...A,children:[i&&o.jsx(l.AlertTitle,{children:i}),o.jsx(c.Typography,{variant:"caption",color:"inherit",component:"div",children:s})]})})}const b=u.forwardRef(v);exports.Alert=b;

package/dist/{Alert-Cn0nq6aq.js → Alert-mpNEqtBu.js}

@@ -1,8 +1,8 @@
 import { jsx as l, jsxs as x } from "react/jsx-runtime";
-import { b as c, T } from "./TablePaginationActions-EC4ynZRa.js";
+import { b as d, T } from "./TablePaginationActions-Cj_BbjKR.js";
 import { styled as M, Alert as v, Fade as b, AlertTitle as I } from "@mui/material";
 import { forwardRef as $, useState as k } from "react";
-const S = M(v, {
+const D = M(v, {
   shouldForwardProp: (r) => ![
     "isNeutral",
     "content",
@@ -15,34 +15,34 @@ const S = M(v, {
   ({
     isNeutral: r,
     content: n,
-    hasCloseButton: a,
+    hasCloseButton: i,
     hasAction: o,
     hasTitle: e,
     isSticky: t,
-    theme: i
+    theme: a
   }) => ({
-    columnGap: i.spacing(1),
-    minHeight: i.spacing(6),
+    columnGap: a.spacing(1),
+    minHeight: a.spacing(6),
     ...o && {
       display: "grid",
-      gridTemplateAreas: n === "inline" || a ? '"icon message actions"' : `
+      gridTemplateAreas: n === "inline" || i ? '"icon message actions"' : `
     "icon message"
     "icon actions"
     `,
-      gridTemplateColumns: a ? `${c} 1fr ${i.spacing(3)}` : `${c}`
+      gridTemplateColumns: i ? `${d} 1fr ${a.spacing(3)}` : `${d}`
     },
     ...r && {
-      backgroundColor: i.palette.default.background,
-      color: i.palette.text.primary
+      backgroundColor: a.palette.default.background,
+      color: a.palette.text.primary
     },
     ...t && {
       borderRadius: 0
     },
     ".MuiAlert-message": {
       flex: 1,
-      paddingTop: e ? i.spacing(0.25) : i.spacing(0.5),
+      paddingTop: e ? a.spacing(0.25) : a.spacing(0.5),
       "& a": {
-        color: i.palette.primary.main,
+        color: a.palette.primary.main,
         textDecoration: "none",
         "&:hover": {
           textDecoration: "underline"
@@ -53,66 +53,69 @@ const S = M(v, {
       },
       ...r && {
         "& :not(.MuiAlertTitle-root)": {
-          color: i.palette.text.secondary
+          color: a.palette.text.secondary
         },
         a: {
-          color: `${i.palette.primary.main} !important`
+          color: `${a.palette.primary.main} !important`
         }
       }
     },
     ".MuiAlert-icon": {
-      height: e ? i.spacing(2.5) : i.spacing(3),
+      height: e ? a.spacing(2.5) : a.spacing(3),
       marginRight: 0,
       ...o && {
         gridArea: "icon"
       },
       ...r && {
-        color: i.palette.text.primary
+        color: a.palette.text.primary
       }
     },
     ".MuiAlert-action": {
-      alignItems: n === "inline" && !a ? "center" : "flex-start",
-      margin: n === "block" && !a ? i.spacing(1.5, 0, 0.5) : 0,
-      marginLeft: n === "inline" || a ? "auto" : 0,
+      alignItems: n === "inline" && !i ? "center" : "flex-start",
+      margin: n === "block" && !i ? a.spacing(1.5, 0, 0.5) : 0,
+      marginLeft: n === "inline" || i ? "auto" : 0,
       padding: 0,
       ...o && {
         gridArea: "actions"
       },
       ".MuiIconButton-root svg path": {
-        fill: a ? i.palette.text.secondary : void 0
+        fill: i ? a.palette.text.secondary : void 0
       }
     }
   })
 );
-function D({
+function O({
   title: r,
   action: n,
-  severity: a = "neutral",
+  severity: i = "neutral",
   content: o = "inline",
   variant: e = "standard",
   children: t,
-  onClose: i,
+  onClose: a,
   open: s,
-  isSticky: d,
+  isSticky: p,
   ...g
 }, u) {
-  const [f, m] = k(s ?? !0), A = i ? (y) => {
-    i(y), m(!1);
-  } : void 0, p = a === "neutral";
+  const [f, m] = k(s ?? !0), A = a ? (y) => {
+    a(y), m(!1);
+  } : void 0, c = i === "neutral";
   return /* @__PURE__ */ l(b, { in: s ?? f, appear: !1, children: /* @__PURE__ */ x(
-    S,
+    D,
     {
       ref: u,
-      severity: p ? "info" : a,
-      isNeutral: p,
+      severity: c ? "info" : i,
+      isNeutral: c,
       content: o,
       action: n,
       onClose: A,
-      hasCloseButton: !!i,
+      hasCloseButton: !!a,
       hasAction: !!n,
       hasTitle: !!r,
-      isSticky: d,
+      isSticky: p,
       variant: e,
+      "data-name": "alert",
+      "data-sticky": p,
+      "data-content": o,
       ...g,
       children: [
         r && /* @__PURE__ */ l(I, { children: r }),
@@ -121,7 +124,7 @@ function D({
     }
   ) });
 }
-const E = $(D);
+const E = $(O);
 export {
   E as A
 };

package/dist/ArrowDown-BD0WmQR3.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),c=require("react"),l=require("@mui/material/utils"),i=()=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",children:o.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 12.17 8.83 9l-1.41 1.41L12 15l4.59-4.59L15.17 9z",clipRule:"evenodd"})}),w=l.createSvgIcon(i(),"ArrowDown");function u({width:e,height:r,sx:n,...s},t){return o.jsx(w,{ref:t,viewBox:"0 0 24 24",sx:{width:e,height:r||e,...n},...s})}const v=c.forwardRef(u);exports.ArrowDown=v;

package/dist/ArrowDown-CMhYkZ2p.js

@@ -0,0 +1,31 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { createSvgIcon as w } from "@mui/material/utils";
+const i = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M12 12.17 8.83 9l-1.41 1.41L12 15l4.59-4.59L15.17 9z",
+    clipRule: "evenodd"
+  }
+) }), s = w(i(), "ArrowDown");
+function f({ width: r, height: n, sx: e, ...l }, t) {
+  return /* @__PURE__ */ o(
+    s,
+    {
+      ref: t,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: r,
+        height: n || r,
+        ...e
+      },
+      ...l
+    }
+  );
+}
+const d = c(f);
+export {
+  d as A
+};

package/dist/{MenuItem-vbfSlKyV.js → MenuItem-Cd34y6F3.js}

@@ -1,17 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { styled as l, MenuItem as s } from "@mui/material";
-const c = l(s, {
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { styled as c, MenuItem as g } from "@mui/material";
+const u = c(g, {
   shouldForwardProp: (o) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     o
   )
 })(
   ({
     theme: o,
-    dense: i,
+    dense: t,
     subtitle: r,
-    destructive: a,
-    extended: p,
-    fixed: t,
+    destructive: i,
+    extended: a,
+    fixed: p,
     iconColor: n = "primary"
   }) => ({
     ...r && {
@@ -55,7 +56,7 @@ const c = l(s, {
         fill: o.palette.primary.main
       }
     },
-    ...a && {
+    ...i && {
       color: o.palette.error.main,
       ".MuiTypography-root": {
         color: o.palette.error.main
@@ -91,12 +92,12 @@ const c = l(s, {
         }
       }
     },
-    ...p && {
+    ...a && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
         minHeight: o.spacing(6)
       }
     },
-    ...t && {
+    ...p && {
       "&.MuiMenuItem-root": {
         position: "sticky",
         top: 0,
@@ -118,12 +119,12 @@ const c = l(s, {
         }
       }
     },
-    ...!t && {
+    ...!p && {
       ".MuiList-root &:first-of-type": {
         marginTop: o.spacing(1)
       }
     },
-    ...i && {
+    ...t && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
         minHeight: o.spacing(3),
         padding: o.spacing(0.25, 1.5)
@@ -131,9 +132,34 @@ const c = l(s, {
     }
   })
 );
-function d(o) {
-  return /* @__PURE__ */ e(c, { ...o });
+function d({
+  disabled: o,
+  subtitle: t,
+  destructive: r,
+  extended: i,
+  fixed: a,
+  iconColor: p = "primary",
+  ...n
+}, e) {
+  return /* @__PURE__ */ l(
+    u,
+    {
+      "data-name": "menu-item",
+      ...n,
+      ref: e,
+      disabled: o || t,
+      subtitle: t,
+      destructive: r,
+      extended: i,
+      fixed: a,
+      color: p,
+      "data-destructive": r,
+      "data-extended": i,
+      "data-fixed": a
+    }
+  );
 }
+const f = s(d);
 export {
-  d as M
+  f as M
 };

package/dist/MenuItem-Dbss-WG1.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("react"),p=require("@mui/material"),u=p.styled(p.MenuItem,{shouldForwardProp:o=>!["subtitle","destructive","extended","fixed","iconColor"].includes(o)})(({theme:o,dense:t,subtitle:r,destructive:i,extended:a,fixed:e,iconColor:n="primary"})=>({...r&&{pointerEvents:"none",columnGap:0,...o.typography.caption,fontWeight:500,color:o.palette.text.secondary,".MuiListItemText-root .MuiTypography-root":{...o.typography.caption,fontWeight:500,color:o.palette.text.secondary},"&.MuiMenuItem-root":{minHeight:o.spacing(3),paddingTop:0,paddingBottom:0,marginTop:o.spacing(1),"&:not(:first-of-type)":{marginTop:o.spacing(2),"&::before":{content:'""',position:"absolute",top:o.spacing(-1),left:0,right:0,height:1,backgroundColor:o.palette.divider}}}},...n==="primary"&&{".MuiListItemIcon-root svg path":{fill:o.palette.text.primary},"&.Mui-selected .MuiListItemIcon-root svg path":{fill:o.palette.primary.main},'.MuiAutocomplete-listbox &[aria-selected="true"] svg path':{fill:o.palette.primary.main}},...i&&{color:o.palette.error.main,".MuiTypography-root":{color:o.palette.error.main},"svg, & .MuiSvgIcon-root":{color:o.palette.error.main},".MuiListItemIcon-root svg path":{fill:o.palette.error.main},"&.Mui-selected .MuiListItemIcon-root svg path":{fill:o.palette.error.main},"&:hover":{backgroundColor:o.palette.error.relatedLight},"&.Mui-selected":{color:o.palette.error.main,".MuiTypography-root":{color:o.palette.error.main},"svg, & .MuiSvgIcon-root":{color:o.palette.error.main}},"&.Mui-disabled":{color:o.palette.text.disabled,".MuiTypography-root":{color:o.palette.text.disabled},svg:{color:o.palette.text.disabled}}},...a&&{"&.MuiButtonBase-root.MuiMenuItem-root":{minHeight:o.spacing(6)}},...e&&{"&.MuiMenuItem-root":{position:"sticky",top:0,left:0,bottom:0,right:0,zIndex:2,minHeight:o.spacing(6),marginBottom:o.spacing(1),padding:o.spacing(.5,1.5),backgroundColor:`${o.palette.background.paper} !important`,borderBottom:`1px solid ${o.palette.divider}`},".MuiAutocomplete-listbox &.MuiAutocomplete-option:first-of-type":{minHeight:o.spacing(6),marginTop:0,"&:hover":{backgroundColor:o.palette.background.paper}}},...!e&&{".MuiList-root &:first-of-type":{marginTop:o.spacing(1)}},...t&&{"&.MuiButtonBase-root.MuiMenuItem-root":{minHeight:o.spacing(3),padding:o.spacing(.25,1.5)}}}));function g({disabled:o,subtitle:t,destructive:r,extended:i,fixed:a,iconColor:e="primary",...n},l){return s.jsx(u,{"data-name":"menu-item",...n,ref:l,disabled:o||t,subtitle:t,destructive:r,extended:i,fixed:a,color:e,"data-destructive":r,"data-extended":i,"data-fixed":a})}const d=c.forwardRef(g);exports.MenuItem=d;

package/dist/OpenDiagonallyRight-BkCaUpcr.js

@@ -0,0 +1,56 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { createSvgIcon as g } from "@mui/material/utils";
+const s = () => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m6.121 19.293 2.877-2.877V19H11v-6l-6 .007v1.994l2.584.001-2.877 2.877zM13 11l6-.007V8.999h-2.585l2.878-2.878-1.414-1.414L15 7.585V5H13z",
+    clipRule: "evenodd"
+  }
+) }), a = g(s(), "CloseDiagonallyRight");
+function c({ width: o, height: n, sx: e, ...i }, t) {
+  return /* @__PURE__ */ l(
+    a,
+    {
+      ref: t,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: o,
+        height: n || o,
+        ...e
+      },
+      ...i
+    }
+  );
+}
+const m = r(c), v = () => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m14.121 11.293 2.877-2.877V11H19V5l-6 .007v1.994l2.584.001-2.877 2.877zM5 19l6-.007v-1.994H8.415l2.878-2.878-1.414-1.414L7 15.585V13H5z",
+    clipRule: "evenodd"
+  }
+) }), h = g(v(), "OpenDiagonallyRight");
+function f({ width: o, height: n, sx: e, ...i }, t) {
+  return /* @__PURE__ */ l(
+    h,
+    {
+      ref: t,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: o,
+        height: n || o,
+        ...e
+      },
+      ...i
+    }
+  );
+}
+const u = r(f);
+export {
+  m as C,
+  u as O
+};

package/dist/OpenDiagonallyRight-DqSU7b6o.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),s=require("react"),g=require("@mui/material/utils"),c=()=>l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",children:l.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m6.121 19.293 2.877-2.877V19H11v-6l-6 .007v1.994l2.584.001-2.877 2.877zM13 11l6-.007V8.999h-2.585l2.878-2.878-1.414-1.414L15 7.585V5H13z",clipRule:"evenodd"})}),r=g.createSvgIcon(c(),"CloseDiagonallyRight");function a({width:e,height:n,sx:o,...i},t){return l.jsx(r,{ref:t,viewBox:"0 0 24 24",sx:{width:e,height:n||e,...o},...i})}const v=s.forwardRef(a),h=()=>l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",children:l.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m14.121 11.293 2.877-2.877V11H19V5l-6 .007v1.994l2.584.001-2.877 2.877zM5 19l6-.007v-1.994H8.415l2.878-2.878-1.414-1.414L7 15.585V13H5z",clipRule:"evenodd"})}),u=g.createSvgIcon(h(),"OpenDiagonallyRight");function R({width:e,height:n,sx:o,...i},t){return l.jsx(u,{ref:t,viewBox:"0 0 24 24",sx:{width:e,height:n||e,...o},...i})}const x=s.forwardRef(R);exports.CloseDiagonallyRight=v;exports.OpenDiagonallyRight=x;

package/dist/SwatchSquare-C34ayL4L.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material/utils"),l=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M11 4a7 7 0 0 1 5.386 11.472l3.089 3.089-1.414 1.414-3.161-3.161A7 7 0 1 1 11 4m0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10",clipRule:"evenodd"})}),i=a.createSvgIcon(l(),"Search");function u({width:r,height:c,sx:n,...t},o){return e.jsx(i,{ref:o,viewBox:"0 0 24 24",sx:{width:r,height:c||r,...n},...t})}const S=s.forwardRef(u),h=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",children:e.jsx("rect",{x:4,y:4,fill:"currentColor",rx:2})}),x=a.createSvgIcon(h(),"SwatchSquare");function w({width:r,height:c,sx:n,...t},o){return e.jsx(x,{ref:o,viewBox:"0 0 24 24",sx:{width:r,height:c||r,...n},...t})}const g=s.forwardRef(w);exports.Search=S;exports.SwatchSquare=g;

package/dist/SwatchSquare-CVpwEFFV.js

@@ -0,0 +1,48 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { createSvgIcon as a } from "@mui/material/utils";
+const s = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M11 4a7 7 0 0 1 5.386 11.472l3.089 3.089-1.414 1.414-3.161-3.161A7 7 0 1 1 11 4m0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10",
+    clipRule: "evenodd"
+  }
+) }), i = a(s(), "Search");
+function h({ width: r, height: e, sx: n, ...c }, t) {
+  return /* @__PURE__ */ o(
+    i,
+    {
+      ref: t,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: r,
+        height: e || r,
+        ...n
+      },
+      ...c
+    }
+  );
+}
+const x = l(h), S = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ o("rect", { x: 4, y: 4, fill: "currentColor", rx: 2 }) }), f = a(S(), "SwatchSquare");
+function w({ width: r, height: e, sx: n, ...c }, t) {
+  return /* @__PURE__ */ o(
+    f,
+    {
+      ref: t,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: r,
+        height: e || r,
+        ...n
+      },
+      ...c
+    }
+  );
+}
+const m = l(w);
+export {
+  x as S,
+  m as a
+};