@vidispine/vdt-mui 23.3.0-pre.2 → 23.3.0-pre.4

package/dist/es/general/CalendarPicker/components/PickersDay.js

@@ -1,10 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import y from "dayjs";
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import g from "dayjs";
 import u from "@mui/material/Box";
-import { styled as b } from "@mui/material/styles";
-import { PickersDay as F } from "@mui/x-date-pickers";
-import { getFirstDayOfWeek as B, getLastDayOfWeek as L, getLastDayOfMonth as P, differenceInDays as g } from "../utils/index.js";
-const h = "50% 0px 0px 50%", k = "0px 50% 50% 0px", W = b(u, {
+import { styled as R } from "@mui/material/styles";
+import { PickersDay as B } from "@mui/x-date-pickers";
+import { getFirstDayOfWeek as L, getLastDayOfWeek as W, getLastDayOfMonth as j, differenceInDays as m } from "../utils/index.js";
+const h = "50% 0px 0px 50%", k = "0px 50% 50% 0px", M = R(u, {
   shouldForwardProp: (o) => !["isSelectedDay", "isBetweenSelected", "isSelectedStartEndDay", "borderRadius"].includes(o)
 })(({
   isSelectedDay: o,
@@ -15,21 +16,21 @@ const h = "50% 0px 0px 50%", k = "0px 50% 50% 0px", W = b(u, {
   ...(o || t) && {
     backgroundColor: "rgba(66, 165, 245, 0.6)"
   }
-})), R = b(F, {
+})), p = R(B, {
   shouldForwardProp: (o) => !["isSelectedDay", "isBetweenSelected", "isStart", "isEnd"].includes(o)
 })(({
   isSelectedDay: o,
   isBetweenSelected: t,
   isStart: i,
   isEnd: e,
-  outsideCurrentMonth: n,
-  theme: s
+  outsideCurrentMonth: d,
+  theme: n
 }) => {
   const {
     palette: {
-      mode: c
+      mode: s
     }
-  } = s;
+  } = n;
   return {
     margin: 0,
     height: "38px",
@@ -41,31 +42,35 @@ const h = "50% 0px 0px 50%", k = "0px 50% 50% 0px", W = b(u, {
         backgroundColor: "rgb(21, 103, 184)"
       },
       fontWeight: 600,
-      ...(i || e) && c === "light" && {
+      ...(i || e) && s === "light" && {
         color: "#fff"
       }
     },
-    ...(t || n) && {
+    ...(t || d) && {
       backgroundColor: "transparent"
     },
-    ...n && {
+    ...d && {
       pointerEvents: "none"
     }
   };
-});
-function U({
+}), N = P(({
   date: o,
   value: t,
   locale: i,
   ...e
-}) {
-  const n = t != null && t.start ? y(t == null ? void 0 : t.start).toDate() : void 0, s = t != null && t.end ? y(t == null ? void 0 : t.end).toDate() : void 0, c = t && typeof t == "string" ? y(t).toDate() : void 0, r = o.toDate(), x = B({
+}, d) => {
+  const n = typeof t == "object" && (t != null && t.start) ? g(t == null ? void 0 : t.start).toDate() : void 0, s = typeof t == "object" && (t != null && t.end) ? g(t == null ? void 0 : t.end).toDate() : void 0, D = t && typeof t == "string" ? g(t).toDate() : void 0, r = o.toDate(), x = L({
     locale: i
-  }) === r.getDay(), E = L({
+  }) === r.getDay(), E = W({
     locale: i
-  }) === r.getDay(), p = (r == null ? void 0 : r.getDate()) === 1, w = P(r) === (r == null ? void 0 : r.getDate()), S = x || p, m = E || w, O = n && g(r, n) === 0 || s && g(r, s) === 0 || c && g(r, c) === 0, d = +n == +r, f = +s == +r, D = r > n && r < s, C = (() => c || (d || !n) && (f || !s) || S && m && (D || d || f) ? "50%" : S ? f ? "50%" : h : m ? d ? "50%" : k : d ? h : f ? k : D ? "unset" : "50%")();
-  return e != null && e.outsideCurrentMonth ? /* @__PURE__ */ a(R, { ...e }) : /* @__PURE__ */ a(W, { isSelectedDay: O, isBetweenSelected: D, borderRadius: C, children: /* @__PURE__ */ a(R, { ...e, isSelectedDay: O, isBetweenSelected: D, isStart: d, isEnd: f }) });
-}
+  }) === r.getDay(), w = (r == null ? void 0 : r.getDate()) === 1, C = j(r) === (r == null ? void 0 : r.getDate()), S = x || w, O = E || C, b = n && m(r, n) === 0 || s && m(r, s) === 0 || D && m(r, D) === 0, c = +n == +r, f = +s == +r, a = r > n && r < s, F = (() => D || (c || !n) && (f || !s) || S && O && (a || c || f) ? "50%" : S ? f ? "50%" : h : O ? c ? "50%" : k : c ? h : f ? k : a ? "unset" : "50%")();
+  return e != null && e.outsideCurrentMonth ? /* @__PURE__ */ y(p, { ref: d, ...e }) : /* @__PURE__ */ y(M, { isSelectedDay: b, isBetweenSelected: a, borderRadius: F, children: /* @__PURE__ */ y(p, { ref: d, ...e, isSelectedDay: b, isBetweenSelected: a, isStart: c, isEnd: f }) });
+});
+N.defaultProps = {
+  date: void 0,
+  value: void 0,
+  locale: void 0
+};
 export {
-  U as default
+  N as default
 };

package/dist/es/general/CalendarPicker/index.d.ts

@@ -0,0 +1,3 @@
+import Component from './CalendarPicker';
+declare const StyledComponent: typeof Component;
+export default StyledComponent;

package/dist/es/general/CalendarPicker/index.js

@@ -1,11 +1,11 @@
 import { styled as t } from "@mui/material/styles";
 import { withOverrides as n } from "../../_utils/withOverrides.js";
 import m from "./CalendarPicker.js";
-const e = "CalendarPicker", o = `Vdt${e}`, i = n(o)(m), s = t(i, {
+const e = "VdtCalendarPicker", o = `Vdt${e}`, d = n(o)(m), i = t(d, {
   name: o,
-  overridesResolver: (a, r) => r.root
-})(() => ({}));
-s.displayName = e;
+  overridesResolver: (s, r) => r.root
+})({});
+i.displayName = e;
 export {
-  s as default
+  i as default
 };

package/dist/es/general/CalendarPicker/utils/index.d.ts

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+export declare const differenceInDays: (date1: Dayjs | Date | string, date2: Dayjs | Date | string) => any;
+export declare const getFirstDayOfWeek: ({ locale }: {
+    locale: string;
+}) => any;
+export declare const getLastDayOfWeek: ({ locale }: {
+    locale: string;
+}) => 0 | 6;
+export declare const getLastDayOfMonth: (date: Date) => number;

package/dist/es/general/CompactBadge/CompactBadge.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Box as MuiBox, Typography as MuiTypography } from '@mui/material';
+import type { WithOverrideProps } from '../../_types';
+declare const StyledMuiBox: typeof MuiBox;
+declare const defaultComponents: {
+    Root: typeof StyledMuiBox;
+    Badge: typeof MuiTypography;
+};
+export interface CompactBadgeProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * Text to show as badge
+     */
+    text?: string;
+}
+declare const CompactBadge: React.FC<CompactBadgeProps>;
+export default CompactBadge;

package/dist/es/general/CompactBadge/CompactBadge.js

@@ -1,16 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
-import o from "prop-types";
-import s from "@mui/material/Box";
+import { jsx as n } from "react/jsx-runtime";
+import i from "@mui/material/Box";
 import a from "@mui/material/Typography";
-import { styled as m } from "@mui/material/styles";
-const d = m(s)(({
-  theme: e
+import { styled as p } from "@mui/material/styles";
+const d = p(i)(({
+  theme: o
 }) => ({
   height: "1rem",
-  borderColor: e.palette.primary.main,
+  borderColor: o.palette.primary.main,
   borderWidth: 1.45,
   borderStyle: "solid",
-  backgroundColor: e.palette.mode === "light" ? "unset" : "rgba(0, 0, 0, .15)",
+  backgroundColor: o.palette.mode === "light" ? "unset" : "rgba(0, 0, 0, .15)",
   padding: "0 4px",
   borderRadius: 2.5,
   whiteSpace: "nowrap",
@@ -22,44 +21,24 @@ const d = m(s)(({
   minWidth: 32,
   textAlign: "center",
   userSelect: "none"
-})), c = {
+})), s = {
   Root: d,
   Badge: a
-};
-function t({
-  text: e,
-  components: r,
-  componentsProps: n
-}) {
+}, m = ({
+  text: o,
+  components: t,
+  componentsProps: e
+}) => {
   const {
-    Root: p
-  } = r;
-  return /* @__PURE__ */ i(p, { component: "span", ...n.root, children: e });
-}
-t.propTypes = {
-  /**
-   * Text to show as badge
-   */
-  text: o.string,
-  // Overrides
-  /**
-   * Replace internal components
-   */
-  components: o.shape({
-    Root: o.elementType
-  }),
-  /**
-   * Add internal component props
-   */
-  componentsProps: o.shape({
-    root: o.instanceOf(Object)
-  })
+    Root: r
+  } = t;
+  return /* @__PURE__ */ n(r, { component: "span", ...e.root, children: o });
 };
-t.defaultProps = {
+m.defaultProps = {
   text: void 0,
-  components: c,
+  components: s,
   componentsProps: void 0
 };
 export {
-  t as default
+  m as default
 };

package/dist/es/general/CompactBadge/index.d.ts

@@ -0,0 +1,3 @@
+import Component from './CompactBadge';
+declare const StyledComponent: typeof Component;
+export default StyledComponent;

package/dist/es/general/CompactBadge/index.js

@@ -4,7 +4,7 @@ import n from "./CompactBadge.js";
 const o = "CompactBadge", e = `Vdt${o}`, s = m(e)(n), a = r(s, {
   name: e,
   overridesResolver: (d, t) => t.root
-})(() => ({}));
+})({});
 a.displayName = o;
 export {
   a as default

package/dist/es/general/CompactLabel/CompactLabel.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { Typography as MuiTypography } from '@mui/material';
+import type { StyledComponent, WithOverrideProps } from '../../_types';
+type StyledMuiTypographyElement = StyledComponent<typeof MuiTypography, {
+    dark?: boolean;
+}>;
+declare const StyledMuiTypography: StyledMuiTypographyElement;
+declare const defaultComponents: {
+    Root: typeof StyledMuiTypography;
+};
+export interface CompactLabelProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * Set dark mode for label
+     */
+    dark?: boolean;
+    /**
+     * Children for component
+     */
+    children?: ReactNode;
+}
+declare const CompactLabel: React.FC<CompactLabelProps>;
+export default CompactLabel;

package/dist/es/general/CompactLabel/CompactLabel.js

@@ -1,12 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
-import n from "prop-types";
-import i from "@mui/material/Typography";
-import { styled as s } from "@mui/material/styles";
-const d = s(i, {
-  shouldForwardProp: (r) => r !== "dark"
+import { jsx as p } from "react/jsx-runtime";
+import e from "@mui/material/Typography";
+import { styled as i } from "@mui/material/styles";
+const c = i(e, {
+  shouldForwardProp: (o) => o !== "dark"
 })(({
-  dark: r,
-  theme: o
+  theme: o,
+  dark: r
 }) => ({
   maxWidth: "100%",
   lineHeight: "unset",
@@ -22,49 +21,25 @@ const d = s(i, {
     color: o.palette.common.white,
     backgroundColor: o.palette.common.black
   }
-})), l = {
-  Root: d
-};
-function t({
-  dark: r,
-  children: o,
-  components: e,
-  componentsProps: p
-}) {
+})), d = {
+  Root: c
+}, l = ({
+  dark: o,
+  children: r,
+  components: t,
+  componentsProps: n
+}) => {
   const {
     Root: a
-  } = e;
-  return /* @__PURE__ */ c(a, { dark: r, variant: "caption", "aria-hidden": "true", noWrap: !0, ...p.root, children: o });
-}
-t.propTypes = {
-  /**
-   * Set dark mode for label
-   */
-  dark: n.bool,
-  /**
-   * Children for component
-   */
-  children: n.oneOfType([n.arrayOf(n.node), n.node]),
-  // Overrides
-  /**
-   * Replace internal components
-   */
-  components: n.shape({
-    Root: n.elementType
-  }),
-  /**
-   * Add internal component props
-   */
-  componentsProps: n.shape({
-    root: n.instanceOf(Object)
-  })
+  } = t;
+  return /* @__PURE__ */ p(a, { dark: o, variant: "caption", "aria-hidden": "true", noWrap: !0, ...n.root, children: r });
 };
-t.defaultProps = {
+l.defaultProps = {
   dark: !0,
   children: null,
-  components: l,
+  components: d,
   componentsProps: void 0
 };
 export {
-  t as default
+  l as default
 };

package/dist/es/general/CompactLabel/index.d.ts

@@ -0,0 +1,3 @@
+import Component from './CompactLabel';
+declare const StyledComponent: typeof Component;
+export default StyledComponent;

package/dist/es/general/CompactLabel/index.js

@@ -4,7 +4,7 @@ import n from "./CompactLabel.js";
 const o = "CompactLabel", e = `Vdt${o}`, s = m(e)(n), a = r(s, {
   name: e,
   overridesResolver: (p, t) => t.root
-})(() => ({}));
+})({});
 a.displayName = o;
 export {
   a as default

package/dist/es/general/CornerLabelPlacer/CornerLabelPlacer.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import type { WithOverrideProps } from '../../_types';
+declare const defaultComponents: {
+    Root: any;
+    CompactLabelTopLeft: any;
+    CompactLabelTopRight: any;
+    CompactLabelBottomLeft: any;
+    CompactLabelBottomRight: any;
+};
+export interface CornerLabelPlacerProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * The label for the top left corner. Leave blank to disable.
+     */
+    labelTopLeft?: string;
+    /**
+     * The label for the top right corner. Leave blank to disable.
+     */
+    labelTopRight?: string;
+    /**
+     * The label for the bottom left corner. Leave blank to disable.
+     */
+    labelBottomLeft?: string;
+    /**
+     * The label for the bottom right corner. Leave blank to disable.
+     */
+    labelBottomRight?: string;
+}
+declare const CornerLabelPlacer: React.FC<CornerLabelPlacerProps>;
+export default CornerLabelPlacer;

package/dist/es/general/CornerLabelPlacer/CornerLabelPlacer.js

@@ -1,105 +1,64 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
-import t from "prop-types";
-import g from "@mui/material/Box";
-import { styled as e } from "@mui/material/styles";
-import p from "../CompactLabel/index.js";
-const T = e(g)(() => ({
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import h from "@mui/material/Box";
+import { styled as o } from "@mui/material/styles";
+import a from "../CompactLabel/index.js";
+const f = o(h)(() => ({
   position: "relative",
   width: "100%",
   height: "100%",
   zIndex: 3
-})), C = e(p)(() => ({
+})), C = o(a)(() => ({
   position: "absolute",
   top: 0,
   left: 0
-})), B = e(p)(() => ({
+})), g = o(a)(() => ({
   position: "absolute",
   top: 0,
   right: 0
-})), R = e(p)(() => ({
+})), B = o(a)(() => ({
   position: "absolute",
   bottom: 0,
   left: 0
-})), y = e(p)(() => ({
+})), u = o(a)(() => ({
   position: "absolute",
   bottom: 0,
   right: 0
-})), u = {
-  Root: T,
+})), R = {
+  Root: f,
   CompactLabelTopLeft: C,
-  CompactLabelTopRight: B,
-  CompactLabelBottomLeft: R,
-  CompactLabelBottomRight: y
-};
-function n({
+  CompactLabelTopRight: g,
+  CompactLabelBottomLeft: B,
+  CompactLabelBottomRight: u
+}, T = ({
   labelTopLeft: l,
-  labelTopRight: m,
-  labelBottomLeft: c,
-  labelBottomRight: i,
-  components: b,
-  componentsProps: o
-}) {
+  labelTopRight: i,
+  labelBottomLeft: m,
+  labelBottomRight: p,
+  components: c,
+  componentsProps: t
+}) => {
   const {
-    Root: L,
-    CompactLabelTopLeft: s,
-    CompactLabelTopRight: r,
-    CompactLabelBottomLeft: f,
-    CompactLabelBottomRight: d
-  } = b;
-  return /* @__PURE__ */ h(L, { ...o.root, children: [
-    l && /* @__PURE__ */ a(s, { ...o.compactLabelTopLeft, children: l }),
-    m && /* @__PURE__ */ a(r, { ...o.compactLabelTopRight, children: m }),
-    c && /* @__PURE__ */ a(f, { ...o.compactLabelBottomLeft, children: c }),
-    i && /* @__PURE__ */ a(d, { ...o.compactLabelBottomRight, children: i })
+    Root: d,
+    CompactLabelTopLeft: L,
+    CompactLabelTopRight: b,
+    CompactLabelBottomLeft: n,
+    CompactLabelBottomRight: r
+  } = c;
+  return /* @__PURE__ */ s(d, { ...t.root, children: [
+    l && /* @__PURE__ */ e(L, { ...t.compactLabelTopLeft, children: l }),
+    i && /* @__PURE__ */ e(b, { ...t.compactLabelTopRight, children: i }),
+    m && /* @__PURE__ */ e(n, { ...t.compactLabelBottomLeft, children: m }),
+    p && /* @__PURE__ */ e(r, { ...t.compactLabelBottomRight, children: p })
   ] });
-}
-n.propTypes = {
-  /**
-   * The label for the top left corner. Leave blank to disable.
-   */
-  labelTopLeft: t.string,
-  /**
-   * The label for the top right corner. Leave blank to disable.
-   */
-  labelTopRight: t.string,
-  /**
-   * The label for the bottom left corner. Leave blank to disable.
-   */
-  labelBottomLeft: t.string,
-  /**
-   * The label for the bottom right corner. Leave blank to disable.
-   */
-  labelBottomRight: t.string,
-  // Overrides
-  /**
-   * Replace internal components
-   */
-  components: t.shape({
-    Root: t.elementType,
-    CompactLabelTopLeft: t.elementType,
-    CompactLabelTopRight: t.elementType,
-    CompactLabelBottomLeft: t.elementType,
-    CompactLabelBottomRight: t.elementType
-  }),
-  /**
-   * Add internal component props
-   */
-  componentsProps: t.shape({
-    root: t.instanceOf(Object),
-    compactLabelTopLeft: t.instanceOf(Object),
-    compactLabelTopRight: t.instanceOf(Object),
-    compactLabelBottomLeft: t.instanceOf(Object),
-    compactLabelBottomRight: t.instanceOf(Object)
-  })
 };
-n.defaultProps = {
+T.defaultProps = {
   labelTopLeft: void 0,
   labelTopRight: void 0,
   labelBottomLeft: void 0,
   labelBottomRight: void 0,
-  components: u,
+  components: R,
   componentsProps: void 0
 };
 export {
-  n as default
+  T as default
 };

package/dist/es/general/CornerLabelPlacer/index.d.ts

@@ -0,0 +1,3 @@
+import Component from './CornerLabelPlacer';
+declare const StyledComponent: typeof Component;
+export default StyledComponent;

package/dist/es/general/CornerLabelPlacer/index.js

@@ -4,7 +4,7 @@ import m from "./CornerLabelPlacer.js";
 const e = "CornerLabelPlacer", o = `Vdt${e}`, s = n(o)(m), a = t(s, {
   name: o,
   overridesResolver: (i, r) => r.root
-})(() => ({}));
+})({});
 a.displayName = e;
 export {
   a as default

package/dist/es/general/ExpandButton/ExpandButton.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ExpandMore as MuiExpandMoreIcon } from '@mui/icons-material';
+import { Box as MuiBox, IconButton as MuiIconButton } from '@mui/material';
+import type { StyledComponent, WithOverrideProps } from '../../_types';
+declare const StyledMuiBox: typeof MuiBox;
+type StyledMuiIconButtonType = StyledComponent<typeof MuiIconButton, {
+    expanded?: boolean;
+}>;
+declare const StyledMuiIconButton: StyledMuiIconButtonType;
+declare const StyledMuiExpandMoreIcon: StyledComponent<typeof MuiExpandMoreIcon>;
+declare const defaultComponents: {
+    Root: typeof StyledMuiBox;
+    IconButton: typeof StyledMuiIconButton;
+    Icon: typeof StyledMuiExpandMoreIcon;
+};
+export interface ExpandButtonProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * Set if expand button is expanded or not
+     */
+    expanded?: boolean;
+    /**
+     * Callback for clicking expand button
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>, payload: {
+        value: boolean;
+    }) => void;
+}
+declare const ExpandButton: React.FC<ExpandButtonProps>;
+export default ExpandButton;