kdpa-components 1.35.2 → 1.35.3

package/dist/Dialog-25ebaee6.js

@@ -0,0 +1,356 @@
+import { _ as i, a as X } from "./extends-393586f3.js";
+import * as d from "react";
+import { g as Y, h as n, P as e } from "./identifier-9dfe30d8.js";
+import { g as z, s as u, u as H, c as y, a as q } from "./useThemeProps-7d04a175.js";
+import { u as G } from "./useTheme-014a54ad.js";
+import { j as s } from "./jsx-runtime-944c88e2.js";
+import { B as J, M as Q } from "./Modal-5f23fcfd.js";
+import { M as B } from "./Paper-aaec61a3.js";
+import { u as Z } from "./useId-e7dff7be.js";
+import { F as ee } from "./Fade-aabbd0cb.js";
+function oe(a) {
+  return Y("MuiDialog", a);
+}
+const ae = z("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), k = ae, T = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (T.displayName = "DialogContext");
+const re = T, ie = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], ne = u(J, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (a, o) => o.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), te = (a) => {
+  const {
+    classes: o,
+    scroll: r,
+    maxWidth: t,
+    fullWidth: p,
+    fullScreen: m
+  } = a, b = {
+    root: ["root"],
+    container: ["container", `scroll${n(r)}`],
+    paper: ["paper", `paperScroll${n(r)}`, `paperWidth${n(String(t))}`, p && "paperFullWidth", m && "paperFullScreen"]
+  };
+  return q(b, oe, o);
+}, le = u(Q, {
+  name: "MuiDialog",
+  slot: "Root",
+  overridesResolver: (a, o) => o.root
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), se = u("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (a, o) => {
+    const {
+      ownerState: r
+    } = a;
+    return [o.container, o[`scroll${n(r.scroll)}`]];
+  }
+})(({
+  ownerState: a
+}) => i({
+  height: "100%",
+  "@media print": {
+    height: "auto"
+  },
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0
+}, a.scroll === "paper" && {
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+}, a.scroll === "body" && {
+  overflowY: "auto",
+  overflowX: "hidden",
+  textAlign: "center",
+  "&:after": {
+    content: '""',
+    display: "inline-block",
+    verticalAlign: "middle",
+    height: "100%",
+    width: "0"
+  }
+})), pe = u(B, {
+  name: "MuiDialog",
+  slot: "Paper",
+  overridesResolver: (a, o) => {
+    const {
+      ownerState: r
+    } = a;
+    return [o.paper, o[`scrollPaper${n(r.scroll)}`], o[`paperWidth${n(String(r.maxWidth))}`], r.fullWidth && o.paperFullWidth, r.fullScreen && o.paperFullScreen];
+  }
+})(({
+  theme: a,
+  ownerState: o
+}) => i({
+  margin: 32,
+  position: "relative",
+  overflowY: "auto",
+  // Fix IE11 issue, to remove at some point.
+  "@media print": {
+    overflowY: "visible",
+    boxShadow: "none"
+  }
+}, o.scroll === "paper" && {
+  display: "flex",
+  flexDirection: "column",
+  maxHeight: "calc(100% - 64px)"
+}, o.scroll === "body" && {
+  display: "inline-block",
+  verticalAlign: "middle",
+  textAlign: "left"
+  // 'initial' doesn't work on IE11
+}, !o.maxWidth && {
+  maxWidth: "calc(100% - 64px)"
+}, o.maxWidth === "xs" && {
+  maxWidth: a.breakpoints.unit === "px" ? Math.max(a.breakpoints.values.xs, 444) : `${a.breakpoints.values.xs}${a.breakpoints.unit}`,
+  [`&.${k.paperScrollBody}`]: {
+    [a.breakpoints.down(Math.max(a.breakpoints.values.xs, 444) + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, o.maxWidth && o.maxWidth !== "xs" && {
+  maxWidth: `${a.breakpoints.values[o.maxWidth]}${a.breakpoints.unit}`,
+  [`&.${k.paperScrollBody}`]: {
+    [a.breakpoints.down(a.breakpoints.values[o.maxWidth] + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, o.fullWidth && {
+  width: "calc(100% - 64px)"
+}, o.fullScreen && {
+  margin: 0,
+  width: "100%",
+  maxWidth: "100%",
+  height: "100%",
+  maxHeight: "none",
+  borderRadius: 0,
+  [`&.${k.paperScrollBody}`]: {
+    margin: 0,
+    maxWidth: "100%"
+  }
+})), M = /* @__PURE__ */ d.forwardRef(function(o, r) {
+  const t = H({
+    props: o,
+    name: "MuiDialog"
+  }), p = G(), m = {
+    enter: p.transitions.duration.enteringScreen,
+    exit: p.transitions.duration.leavingScreen
+  }, {
+    "aria-describedby": b,
+    "aria-labelledby": S,
+    BackdropComponent: j,
+    BackdropProps: $,
+    children: w,
+    className: N,
+    disableEscapeKeyDown: W = !1,
+    fullScreen: R = !1,
+    fullWidth: E = !1,
+    maxWidth: F = "sm",
+    onBackdropClick: C,
+    onClose: x,
+    open: D,
+    PaperComponent: O = B,
+    PaperProps: P = {},
+    scroll: _ = "paper",
+    TransitionComponent: A = ee,
+    transitionDuration: v = m,
+    TransitionProps: I
+  } = t, K = X(t, ie), c = i({}, t, {
+    disableEscapeKeyDown: W,
+    fullScreen: R,
+    fullWidth: E,
+    maxWidth: F,
+    scroll: _
+  }), h = te(c), f = d.useRef(), L = (l) => {
+    f.current = l.target === l.currentTarget;
+  }, U = (l) => {
+    f.current && (f.current = null, C && C(l), x && x(l, "backdropClick"));
+  }, g = Z(S), V = d.useMemo(() => ({
+    titleId: g
+  }), [g]);
+  return /* @__PURE__ */ s.jsx(le, i({
+    className: y(h.root, N),
+    closeAfterTransition: !0,
+    components: {
+      Backdrop: ne
+    },
+    componentsProps: {
+      backdrop: i({
+        transitionDuration: v,
+        as: j
+      }, $)
+    },
+    disableEscapeKeyDown: W,
+    onClose: x,
+    open: D,
+    ref: r,
+    onClick: U,
+    ownerState: c
+  }, K, {
+    children: /* @__PURE__ */ s.jsx(A, i({
+      appear: !0,
+      in: D,
+      timeout: v,
+      role: "presentation"
+    }, I, {
+      children: /* @__PURE__ */ s.jsx(se, {
+        className: y(h.container),
+        onMouseDown: L,
+        ownerState: c,
+        children: /* @__PURE__ */ s.jsx(pe, i({
+          as: O,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": b,
+          "aria-labelledby": g
+        }, P, {
+          className: y(h.paper, P.className),
+          ownerState: c,
+          children: /* @__PURE__ */ s.jsx(re.Provider, {
+            value: V,
+            children: w
+          })
+        }))
+      })
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The id(s) of the element(s) that describe the dialog.
+   */
+  "aria-describedby": e.string,
+  /**
+   * The id(s) of the element(s) that label the dialog.
+   */
+  "aria-labelledby": e.string,
+  /**
+   * A backdrop component. This prop enables custom backdrop rendering.
+   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
+   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
+   * @default styled(Backdrop, {
+   *   name: 'MuiModal',
+   *   slot: 'Backdrop',
+   *   overridesResolver: (props, styles) => {
+   *     return styles.backdrop;
+   *   },
+   * })({
+   *   zIndex: -1,
+   * })
+   */
+  BackdropComponent: e.elementType,
+  /**
+   * @ignore
+   */
+  BackdropProps: e.object,
+  /**
+   * Dialog children, usually the included sub-components.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: e.bool,
+  /**
+   * If `true`, the dialog is full-screen.
+   * @default false
+   */
+  fullScreen: e.bool,
+  /**
+   * If `true`, the dialog stretches to `maxWidth`.
+   *
+   * Notice that the dialog width grow is limited by the default margin.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * Determine the max-width of the dialog.
+   * The dialog width grows with the size of the screen.
+   * Set to `false` to disable `maxWidth`.
+   * @default 'sm'
+   */
+  maxWidth: e.oneOfType([e.oneOf(["xs", "sm", "md", "lg", "xl", !1]), e.string]),
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: e.func,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: e.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool.isRequired,
+  /**
+   * The component used to render the body of the dialog.
+   * @default Paper
+   */
+  PaperComponent: e.elementType,
+  /**
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
+   * @default {}
+   */
+  PaperProps: e.object,
+  /**
+   * Determine the container for scrolling the dialog.
+   * @default 'paper'
+   */
+  scroll: e.oneOf(["body", "paper"]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   */
+  TransitionComponent: e.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  transitionDuration: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
+  })]),
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: e.object
+});
+const ye = M;
+export {
+  ye as M,
+  k as d
+};

package/dist/Divider/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KdpaDivider } from "./KdpaDivider";
+export type { KdpaDividerProps } from "./KdpaDivider";
+export type { KdpaDividerCustomProps } from "./KdpaDivider";
+//# sourceMappingURL=index.d.ts.map

package/dist/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC"}

package/dist/Divider/index.js

@@ -0,0 +1,31 @@
+import { j as r } from "../jsx-runtime-944c88e2.js";
+import { D as t } from "../Divider-cadf67a7.js";
+import "react";
+import "../extends-393586f3.js";
+import "../identifier-9dfe30d8.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../useThemeProps-7d04a175.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../dividerClasses-99758da7.js";
+function u({
+  gridActionsStyle: e = !1,
+  ...i
+}) {
+  return e ? /* @__PURE__ */ r.jsx(
+    t,
+    {
+      orientation: "vertical",
+      variant: "middle",
+      flexItem: !0,
+      sx: {
+        height: "25px",
+        alignSelf: "center"
+      },
+      ...i
+    }
+  ) : /* @__PURE__ */ r.jsx(t, { ...i });
+}
+export {
+  u as KdpaDivider
+};

package/dist/Divider-cadf67a7.js

@@ -0,0 +1,231 @@
+import { _ as o, a as R } from "./extends-393586f3.js";
+import * as w from "react";
+import { a as C, P as e } from "./identifier-9dfe30d8.js";
+import { s as m, u as T, c as W, a as j } from "./useThemeProps-7d04a175.js";
+import { g as I } from "./dividerClasses-99758da7.js";
+import { j as v } from "./jsx-runtime-944c88e2.js";
+const O = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], $ = (t) => {
+  const {
+    absolute: i,
+    children: r,
+    classes: l,
+    flexItem: c,
+    light: s,
+    orientation: a,
+    textAlign: n,
+    variant: d
+  } = t;
+  return j({
+    root: ["root", i && "absolute", d, s && "light", a === "vertical" && "vertical", c && "flexItem", r && "withChildren", r && a === "vertical" && "withChildrenVertical", n === "right" && a !== "vertical" && "textAlignRight", n === "left" && a !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", a === "vertical" && "wrapperVertical"]
+  }, I, l);
+}, L = m("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (t, i) => {
+    const {
+      ownerState: r
+    } = t;
+    return [i.root, r.absolute && i.absolute, i[r.variant], r.light && i.light, r.orientation === "vertical" && i.vertical, r.flexItem && i.flexItem, r.children && i.withChildren, r.children && r.orientation === "vertical" && i.withChildrenVertical, r.textAlign === "right" && r.orientation !== "vertical" && i.textAlignRight, r.textAlign === "left" && r.orientation !== "vertical" && i.textAlignLeft];
+  }
+})(({
+  theme: t,
+  ownerState: i
+}) => o({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (t.vars || t).palette.divider,
+  borderBottomWidth: "thin"
+}, i.absolute && {
+  position: "absolute",
+  bottom: 0,
+  left: 0,
+  width: "100%"
+}, i.light && {
+  borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : C(t.palette.divider, 0.08)
+}, i.variant === "inset" && {
+  marginLeft: 72
+}, i.variant === "middle" && i.orientation === "horizontal" && {
+  marginLeft: t.spacing(2),
+  marginRight: t.spacing(2)
+}, i.variant === "middle" && i.orientation === "vertical" && {
+  marginTop: t.spacing(1),
+  marginBottom: t.spacing(1)
+}, i.orientation === "vertical" && {
+  height: "100%",
+  borderBottomWidth: 0,
+  borderRightWidth: "thin"
+}, i.flexItem && {
+  alignSelf: "stretch",
+  height: "auto"
+}), ({
+  ownerState: t
+}) => o({}, t.children && {
+  display: "flex",
+  whiteSpace: "nowrap",
+  textAlign: "center",
+  border: 0,
+  "&::before, &::after": {
+    content: '""',
+    alignSelf: "center"
+  }
+}), ({
+  theme: t,
+  ownerState: i
+}) => o({}, i.children && i.orientation !== "vertical" && {
+  "&::before, &::after": {
+    width: "100%",
+    borderTop: `thin solid ${(t.vars || t).palette.divider}`
+  }
+}), ({
+  theme: t,
+  ownerState: i
+}) => o({}, i.children && i.orientation === "vertical" && {
+  flexDirection: "column",
+  "&::before, &::after": {
+    height: "100%",
+    borderLeft: `thin solid ${(t.vars || t).palette.divider}`
+  }
+}), ({
+  ownerState: t
+}) => o({}, t.textAlign === "right" && t.orientation !== "vertical" && {
+  "&::before": {
+    width: "90%"
+  },
+  "&::after": {
+    width: "10%"
+  }
+}, t.textAlign === "left" && t.orientation !== "vertical" && {
+  "&::before": {
+    width: "10%"
+  },
+  "&::after": {
+    width: "90%"
+  }
+})), N = m("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (t, i) => {
+    const {
+      ownerState: r
+    } = t;
+    return [i.wrapper, r.orientation === "vertical" && i.wrapperVertical];
+  }
+})(({
+  theme: t,
+  ownerState: i
+}) => o({
+  display: "inline-block",
+  paddingLeft: `calc(${t.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${t.spacing(1)} * 1.2)`
+}, i.orientation === "vertical" && {
+  paddingTop: `calc(${t.spacing(1)} * 1.2)`,
+  paddingBottom: `calc(${t.spacing(1)} * 1.2)`
+})), b = /* @__PURE__ */ w.forwardRef(function(i, r) {
+  const l = T({
+    props: i,
+    name: "MuiDivider"
+  }), {
+    absolute: c = !1,
+    children: s,
+    className: a,
+    component: n = s ? "div" : "hr",
+    flexItem: d = !1,
+    light: f = !1,
+    orientation: x = "horizontal",
+    role: g = n !== "hr" ? "separator" : void 0,
+    textAlign: u = "center",
+    variant: A = "fullWidth"
+  } = l, D = R(l, O), p = o({}, l, {
+    absolute: c,
+    component: n,
+    flexItem: d,
+    light: f,
+    orientation: x,
+    role: g,
+    textAlign: u,
+    variant: A
+  }), h = $(p);
+  return /* @__PURE__ */ v.jsx(L, o({
+    as: n,
+    className: W(h.root, a),
+    role: g,
+    ref: r,
+    ownerState: p
+  }, D, {
+    children: s ? /* @__PURE__ */ v.jsx(N, {
+      className: h.wrapper,
+      ownerState: p,
+      children: s
+    }) : null
+  }));
+});
+process.env.NODE_ENV !== "production" && (b.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: e.bool,
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: e.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   */
+  light: e.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: e.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: e.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: e.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: e.oneOfType([e.oneOf(["fullWidth", "inset", "middle"]), e.string])
+});
+const z = b;
+export {
+  z as D
+};

package/dist/DropZone/index.d.ts

@@ -0,0 +1,2 @@
+export { default as KdpaDropZone } from "./KdpaDropZone";
+//# sourceMappingURL=index.d.ts.map

package/dist/DropZone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropZone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}