@movable/ui 1.14.0 → 1.15.0

package/lib/index.mjs

@@ -658,7 +658,7 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? pn.exports = As() : pn.exports = js();
 var v = pn.exports;
-function Ap({ stringToDisplay: e }) {
+function jp({ stringToDisplay: e }) {
   return v.jsxs(Ue, { children: ["stringToDisplay prop is:", " ", v.jsx("span", { "data-test-string-to-display": !0, children: e })] });
 }
 function Is({ maxWidth: e = 200, chipProps: t, size: r = "medium" }) {
@@ -691,7 +691,7 @@ const Ns = {
   px: "8px",
   py: "4px"
 }, Ds = 3;
-function jp({ chipList: e, numTagsToDisplay: t, size: r = "medium", maxChipWidth: n = 200 }) {
+function Ip({ chipList: e, numTagsToDisplay: t, size: r = "medium", maxChipWidth: n = 200 }) {
   const [o, i] = $t(null), a = kn(null), [s, c] = $t(void 0);
   di(() => {
     const g = new ResizeObserver((T) => {
@@ -5353,7 +5353,7 @@ const _a = (e) => {
     children: pi.map(r.children, (n) => Oa(n, t))
   }) : e;
 };
-function Ip({ Title: e, Content: t, Actions: r, onClose: n, hideCloseButton: o, ActionsProp: i, ...a }) {
+function Np({ Title: e, Content: t, Actions: r, onClose: n, hideCloseButton: o, ActionsProp: i, ...a }) {
   var c, u, f, m, p, b, x;
   let s = r;
   if (r) {
@@ -5387,7 +5387,7 @@ const wa = 280, Gf = ys(Ze, { shouldForwardProp: (e) => e !== "open" })(({ theme
     marginLeft: 0
   }
 }));
-function Np({
+function Dp({
   isOpen: e,
   handleDrawerClose: t,
   children: r,
@@ -5433,7 +5433,7 @@ function Np({
     borderColor: "neutral200"
   }, children: a })] }) }), v.jsx(Gf, { component: "main", open: e, ...f, children: r })] });
 }
-function Dp({ metadata: e }) {
+function Fp({ metadata: e }) {
   return v.jsx(Be, { direction: "row", spacing: 2, children: e.map(({ icon: t, label: r, value: n }) => v.jsxs(Be, { direction: "row", alignItems: "center", spacing: 0.5, children: [typeof t == "string" ? v.jsx(Ut, { sx: { color: "neutral600", fontSize: "1rem" }, children: t }) : t, v.jsx(Ue, { variant: "body2", color: "text.secondary", children: r }), typeof n == "string" ? v.jsx(Ue, { variant: "body2", children: n }) : n] }, r)) });
 }
 const qf = ({ children: e }) => {
@@ -5456,7 +5456,7 @@ const qf = ({ children: e }) => {
   },
   ...t
 }, children: e({ position: n }) }) });
-function Fp({ Breadcrumbs: e, Subtitle: t, Metadata: r, Chips: n, ButtonGroup: o, Tabs: i, sx: a }) {
+function Bp({ Breadcrumbs: e, Subtitle: t, Metadata: r, Chips: n, ButtonGroup: o, Tabs: i, sx: a }) {
   return v.jsx(Ra, { children: ({ position: s }) => v.jsxs(Be, { direction: "column", spacing: 2, position: s, sx: {
     borderBottom: 1,
     borderColor: "divider",
@@ -5477,11 +5477,11 @@ function Hf({ label: e }) {
 function Kf({ breadcrumb: e, i: t, onClick: r }) {
   return v.jsx(Ss, { href: e.path, ...e.LinkProps, underline: "hover", "data-cy": `breadcrumb-${t}`, variant: "h5", color: "text.disabled", onClick: r, children: e.label });
 }
-function Bp({ breadcrumbs: e }) {
+function zp({ breadcrumbs: e }) {
   return v.jsx(Es, { sx: Yf, children: e == null ? void 0 : e.map((t, r) => r === e.length - 1 ? v.jsx(Hf, { label: t.label }, `breadcrumb-${r}`) : v.jsx(Kf, { breadcrumb: t, i: r, onClick: t.onClick }, `breadcrumb-${r}`)) });
 }
 const Xf = ({ sx: e }) => v.jsx(Ue, { variant: "overline", sx: { color: "neutral500", fontWeight: 600, lineHeight: "8px", ...e }, children: "Internal Use Only" });
-function zp({ primaryAction: e, secondaryAction: t, dropdownAction: r }) {
+function Lp({ primaryAction: e, secondaryAction: t, dropdownAction: r }) {
   const [n, o] = $t(null), i = !!n, a = (p) => {
     o(p.currentTarget);
   }, s = () => {
@@ -5501,10 +5501,10 @@ function zp({ primaryAction: e, secondaryAction: t, dropdownAction: r }) {
     b(), s();
   }, ...x, children: p }, g))] })] })] }), t && v.jsx(lt, { variant: "contained", color: "inherit", ...t, children: t.label }), e && v.jsx(lt, { variant: "contained", ...e, sx: { whiteSpace: "nowrap" }, children: e.label })] });
 }
-function Lp({ subtitle: e }) {
+function Wp({ subtitle: e }) {
   return v.jsx(Ue, { variant: "body2", color: "text.secondary", children: e });
 }
-function Wp({ label: e, Stepper: t, ButtonGroup: r }) {
+function Vp({ label: e, Stepper: t, ButtonGroup: r }) {
   return v.jsx(Ra, { sx: { px: 2, py: 2.25 }, children: ({ position: n }) => v.jsxs(Be, { position: n, direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", sx: {
     borderBottom: "1px solid divider"
   }, children: [v.jsx(Ue, { "data-test-worflow-header-label": !0, variant: "subtitle1", component: "h1", sx: { fontWeight: "600", flexGrow: "1" }, children: e }), t && v.jsx(Ze, { sx: { flexGrow: "2" }, "data-test-worflow-header-stepper": !0, children: t }), r && v.jsx(Ze, { sx: { flexGrow: "1", justifyContent: "end", display: "flex" }, "data-test-worflow-header-button-group": !0, children: r })] }) });
@@ -6177,7 +6177,7 @@ process.env.NODE_ENV !== "production" && (_n.propTypes = {
    */
   variantMapping: l.object
 });
-function Vp({ Header: e, Description: t, Icon: r, CTA: n, children: o, ...i }) {
+function Up({ Header: e, Description: t, Icon: r, CTA: n, children: o, ...i }) {
   return v.jsxs(Ma, { "data-test": "ink-paper", ...i, sx: {
     ...i.sx,
     borderRadius: "6px",
@@ -6192,7 +6192,7 @@ function Vp({ Header: e, Description: t, Icon: r, CTA: n, children: o, ...i }) {
     textOverflow: "ellipsis"
   }, children: [typeof e != "string" ? v.jsx(v.Fragment, { children: e }) : v.jsx(_n, { "data-test": "ink-paper-header", variant: "subtitle1", color: "text.primary", component: "strong", fontWeight: 600, children: e }), t && v.jsx(_n, { "data-test": "ink-paper-description", variant: "caption", color: "text.secondary", noWrap: !0, children: t })] }), n] }), o] });
 }
-const Up = ({ name: e, options: t, value: r, ref: n, direction: o = "row", cardSx: i, fullWidth: a = !0, disabled: s = !1, onChange: c, onBlur: u }) => {
+const Gp = ({ name: e, options: t, value: r, ref: n, direction: o = "row", cardSx: i, fullWidth: a = !0, disabled: s = !1, onChange: c, onBlur: u }) => {
   const f = (p, b, x) => s ? p ? b : "inherit" : x, m = (p, b, x, g) => s ? p ? b : g : p ? b : x;
   return v.jsx(Ts, { name: e, onChange: c, onBlur: u, value: r, ref: n, "aria-label": e, "aria-readonly": s, "aria-disabled": s, sx: { width: a ? "100%" : "fit-content" }, children: v.jsx(Be, { direction: o, spacing: 2, children: t.map(({ value: p, icon: b, title: x, description: g, subDescription: y }) => v.jsx(yi, { value: p, disabled: s, control: v.jsx(Cs, { sx: { display: "none" } }), sx: {
     width: a ? "100%" : "auto",
@@ -6223,7 +6223,7 @@ const Up = ({ name: e, options: t, value: r, ref: n, direction: o = "row", cardS
     ".MuiSvgIcon-root": { fontSize: "2rem" }
   }, children: b }), v.jsx(Ue, { variant: "subtitle1", textAlign: "center", lineHeight: "20px", mt: 0.5, color: s ? r === p ? "text.secondary" : "neutral500" : "text.primary", children: x }), g && v.jsx(Ue, { variant: "body2", textAlign: "center", mt: 1, color: `${s ? "neutral500" : "text.secondary"}`, children: g }), y && v.jsx(Ue, { variant: "body2", color: `${s ? "neutral500" : "text.secondary"}`, textAlign: "center", mt: 1, children: y })] }) }) }, p)) }) });
 };
-function Gp({ id: e, label: t, labelPlacement: r = "end", sx: n, ...o }) {
+function qp({ id: e, label: t, labelPlacement: r = "end", sx: n, ...o }) {
   return t ? v.jsx(yi, { "data-test-switch": e, control: v.jsx(uo, { ...o, id: e }), label: t, labelPlacement: r, sx: n }) : v.jsx(uo, { "data-test-switch": e, ...o, id: e, sx: n });
 }
 function oi({ value: e, label: t, size: r = "medium", ariaLabel: n, ...o }) {
@@ -6266,7 +6266,7 @@ function oi({ value: e, label: t, size: r = "medium", ariaLabel: n, ...o }) {
     }
   }, children: t || e });
 }
-function qp({ id: e, toggleButtons: t, ariaLabel: r, value: n = "", size: o = "medium", single: i = !1, sx: a, onChange: s, ...c }) {
+function Yp({ id: e, toggleButtons: t, ariaLabel: r, value: n = "", size: o = "medium", single: i = !1, sx: a, onChange: s, ...c }) {
   const u = t.find((f) => f.value === n) ?? t[0];
   return i ? v.jsx(oi, { value: u.value, size: o, ariaLabel: u.label, children: u.label }) : v.jsx(bi, { "data-test-ink-toggle-group": e, "aria-label": r, value: n, exclusive: !0, onChange: s, sx: {
     display: "flex",
@@ -6350,7 +6350,7 @@ function ii({ value: e, size: t = "medium", ariaLabel: r, icon: n, ...o }) {
     }
   }, children: n });
 }
-function Yp({ id: e, toggleButtons: t, ariaLabel: r, size: n = "medium", single: o = !1, value: i = "", onChange: a, sx: s, ...c }) {
+function Hp({ id: e, toggleButtons: t, ariaLabel: r, size: n = "medium", single: o = !1, value: i = "", onChange: a, sx: s, ...c }) {
   const u = t.find((f) => f.value === i) ?? t[0];
   return o ? v.jsx(ii, { size: n, ariaLabel: u.value, ...u }) : v.jsx(bi, { "data-test-ink-toggle-group": e, "aria-label": r, value: i, exclusive: !0, onChange: a, sx: {
     display: "inline-flex",
@@ -6393,7 +6393,7 @@ const ai = {
   paper: si,
   data: si
 };
-function Hp({ title: e, description: t, action: r, variant: n, icon: o, sx: i }) {
+function Kp({ title: e, description: t, action: r, variant: n, icon: o, sx: i }) {
   const a = n === "search" ? "neutral00" : "neutral50", s = Ad[n], { fontSize: c, fontSizeDescription: u, titleVariant: f, descriptionVariant: m } = s;
   return v.jsxs(Be, { alignItems: "center", justifyContent: "center", my: 6, textAlign: "center", "data-cy": `empty-state-${n}-container`, sx: { backgroundColor: a, p: 5, ...i }, children: [o && v.jsx(Pd, { icon: o, variant: n }), e && v.jsx(Ue, { variant: f, sx: { fontSize: c }, "data-cy": "empty-state-title", children: v.jsx("strong", { children: e }) }), v.jsx(Ue, { variant: m, color: "text.secondary", sx: { fontSize: u }, "data-cy": "empty-state-description", children: t }), r && v.jsx(Ze, { mt: 3, children: v.jsx(lt, { onClick: r.onClick, "data-cy": "empty-state-action-button", children: r.title }) })] });
 }
@@ -6438,7 +6438,7 @@ const pr = 400, jd = 50, Id = 250, Nd = () => {
     }
   };
 };
-function Kp({ id: e, label: t, menuOptions: r, name: n, control: o, inputProps: i, rules: a, helperText: s, sx: c, variant: u = "filled", required: f = !1, placeholder: m, children: p, ...b }) {
+function Xp({ id: e, label: t, menuOptions: r, name: n, control: o, inputProps: i, rules: a, helperText: s, sx: c, variant: u = "filled", required: f = !1, placeholder: m, children: p, ...b }) {
   if (r && p)
     throw new Error("Both menuOptions and children cannot be provided. Please use one or the other.");
   const x = kn(null), { menuMaxHeight: g, menuPlacement: y, handleMenuOpen: T, renderMenuItems: w } = Nd(), O = `${n}-label`;
@@ -7267,7 +7267,7 @@ if (process.env.NODE_ENV !== "production") {
     zeroMinWidth: e("item")
   });
 }
-function Xp({ Header: e, children: t, ...r }) {
+function Jp({ Header: e, children: t, ...r }) {
   const { sx: n, ...o } = r || {};
   return v.jsxs(bt, { container: !0, children: [e, v.jsx(bt, { item: !0, container: !0, xs: 12, sx: {
     justifyContent: "center",
@@ -7340,7 +7340,7 @@ class Xd {
     this.title.should("have.text", t);
   }
 }
-const Jp = new Xd();
+const Zp = new Xd();
 class Aa {
   constructor(t) {
     sr(this, "baseAttribute", "data-test-select");
@@ -8395,10 +8395,8 @@ const Ep = {
   },
   MuiFormLabel: {
     styleOverrides: {
-      styleOverrides: {
-        root: fn,
-        asterisk: dn
-      }
+      root: fn,
+      asterisk: dn
     }
   },
   MuiInputLabel: {
@@ -8813,7 +8811,48 @@ const Ep = {
       }
     }
   }
-}, Zp = Sa({
+}, Rp = {
+  MuiDataGrid: {
+    styleOverrides: {
+      root: {
+        border: "none",
+        ".MuiDataGrid-toolbarContainer .MuiTextField-root": {
+          backgroundColor: S.neutral100,
+          padding: "8px",
+          borderRadius: "8px"
+        },
+        ".MuiInput-underline:before": {
+          borderBottom: "none !important",
+          color: "red"
+        },
+        ".MuiDataGrid-toolbarContainer button": {
+          backgroundColor: S.neutral100,
+          color: S.neutral900,
+          padding: "4px 10px"
+        },
+        ".MuiDataGrid-toolbarContainer svg": {
+          color: S.neutral700
+        },
+        ".MuiDataGrid-cell:focus": {
+          outline: "none"
+        },
+        ".MuiDataGrid-overlayWrapper": {
+          height: "auto"
+        }
+      },
+      menu: {
+        ".MuiPaper-root": {
+          padding: "0px"
+          // Remove extra paper padding from table action menu
+        }
+      },
+      columnHeaderTitle: ({ theme: e }) => ({
+        fontWeight: 600,
+        fontSize: e.typography.body2.fontSize
+      })
+    }
+  }
+}, Qp = Sa({
   typography: {
     fontFamily: ["Inter", "sans-serif"].join(",")
   },
@@ -8822,6 +8861,7 @@ const Ep = {
     ...fp,
     ...Tp,
     ...wp,
+    ...Rp,
     ...dp,
     ...pp,
     ...Op,
@@ -8924,45 +8964,6 @@ const Ep = {
         disableRipple: !0
       }
     },
-    MuiDataGrid: {
-      styleOverrides: {
-        root: {
-          border: "none",
-          ".MuiDataGrid-toolbarContainer .MuiTextField-root": {
-            backgroundColor: S.neutral100,
-            padding: "8px",
-            borderRadius: "8px"
-          },
-          ".MuiInput-underline:before": {
-            borderBottom: "none !important",
-            color: "red"
-          },
-          ".MuiDataGrid-toolbarContainer button": {
-            backgroundColor: S.neutral100,
-            color: S.neutral900,
-            padding: "4px 10px"
-          },
-          ".MuiDataGrid-toolbarContainer svg": {
-            color: S.neutral700
-          },
-          ".MuiDataGrid-cell:focus": {
-            outline: "none"
-          },
-          ".MuiDataGrid-columnHeaderTitle": {
-            fontWeight: 500
-          },
-          ".MuiDataGrid-overlayWrapper": {
-            height: "auto"
-          }
-        },
-        menu: {
-          ".MuiPaper-root": {
-            padding: "0px"
-            // Remove extra paper padding from table action menu
-          }
-        }
-      }
-    },
     MuiAccordion: {
       defaultProps: {
         variant: "elevation"
@@ -9004,30 +9005,30 @@ const Ep = {
   palette: S
 });
 export {
-  Ap as DemoComponent,
-  Xp as DetailsLayout,
-  Dp as HeaderMetadata,
-  Lp as HeaderSubtitle,
+  jp as DemoComponent,
+  Jp as DetailsLayout,
+  Fp as HeaderMetadata,
+  Wp as HeaderSubtitle,
   Is as InkChip,
-  jp as InkChipGroup,
-  Ip as InkDialog,
+  Ip as InkChipGroup,
+  Np as InkDialog,
   Xd as InkDialogPageObject,
-  Hp as InkEmptyState,
-  Fp as InkPageHeader,
-  Vp as InkPaper,
-  Np as InkPersistentFilterDrawer,
-  Up as InkRadioTiles,
-  Kp as InkSelect,
-  Gp as InkSwitch,
+  Kp as InkEmptyState,
+  Bp as InkPageHeader,
+  Up as InkPaper,
+  Dp as InkPersistentFilterDrawer,
+  Gp as InkRadioTiles,
+  Xp as InkSelect,
+  qp as InkSwitch,
   ii as InkToggleIcon,
-  Yp as InkToggleIconGroup,
+  Hp as InkToggleIconGroup,
   oi as InkToggleText,
-  qp as InkToggleTextGroup,
-  Wp as InkWorkflowHeader,
-  Bp as LinkBreadcrumbs,
-  Zp as MovableUITheme,
-  zp as PageHeaderActionButtons,
-  Jp as inkDialog,
+  Yp as InkToggleTextGroup,
+  Vp as InkWorkflowHeader,
+  zp as LinkBreadcrumbs,
+  Qp as MovableUITheme,
+  Lp as PageHeaderActionButtons,
+  Zp as inkDialog,
   Aa as inkSelect
 };
 //# sourceMappingURL=index.mjs.map