kdpa-components 1.35.2 → 1.35.3

package/dist/Alert/index.d.ts

@@ -0,0 +1,5 @@
+export { default as KdpaAlert } from "./KdpaAlert";
+export { default as KdpaAlertTitle } from "./KdpaAlertTitle";
+export type { KdpaAlertProps } from "./KdpaAlert";
+export type { KdpaAlertTitleProps } from "./KdpaAlertTitle";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/Alert/index.js

@@ -0,0 +1,407 @@
+import { j as r } from "../jsx-runtime-944c88e2.js";
+import * as R from "react";
+import { forwardRef as X } from "react";
+import { _ as a, a as B } from "../extends-393586f3.js";
+import { g as P, h as w, m as b, l as $, P as t } from "../identifier-9dfe30d8.js";
+import { g as z, s as u, u as L, c as _, a as E } from "../useThemeProps-7d04a175.js";
+import { c as f } from "../createSvgIcon-b80a8a41.js";
+import { C as Y } from "../Close-ef7a3b6b.js";
+import { M as oo } from "../Paper-aaec61a3.js";
+import { I as to } from "../IconButton-fdbca6d2.js";
+import { T as eo } from "../Typography-dfa51fea.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../useTheme-014a54ad.js";
+import "../chainPropTypes-004bf492.js";
+import "../ButtonBase-0f9f324d.js";
+import "../emotion-react.browser.esm-d563ed65.js";
+import "../hoist-non-react-statics.cjs-ce2f2873.js";
+import "../TransitionGroup-196acb6a.js";
+import "../assertThisInitialized-05701a63.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../useForkRef-0781dda0.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../refType-af1a9f54.js";
+import "../elementTypeAcceptingRef-6c34f16b.js";
+import "../extendSxProp-f7714a31.js";
+function so(o) {
+  return P("MuiAlert", o);
+}
+const ro = z("MuiAlert", ["root", "action", "icon", "message", "filled", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), N = ro, no = f(/* @__PURE__ */ r.jsx("path", {
+  d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
+}), "SuccessOutlined"), lo = f(/* @__PURE__ */ r.jsx("path", {
+  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+}), "ReportProblemOutlined"), ao = f(/* @__PURE__ */ r.jsx("path", {
+  d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+}), "ErrorOutline"), io = f(/* @__PURE__ */ r.jsx("path", {
+  d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
+}), "InfoOutlined"), co = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"], po = (o) => {
+  const {
+    variant: e,
+    color: n,
+    severity: l,
+    classes: s
+  } = o, i = {
+    root: ["root", `${e}${w(n || l)}`, `${e}`],
+    icon: ["icon"],
+    message: ["message"],
+    action: ["action"]
+  };
+  return E(i, so, s);
+}, uo = u(oo, {
+  name: "MuiAlert",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: n
+    } = o;
+    return [e.root, e[n.variant], e[`${n.variant}${w(n.color || n.severity)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: e
+}) => {
+  const n = o.palette.mode === "light" ? b : $, l = o.palette.mode === "light" ? $ : b, s = e.color || e.severity;
+  return a({}, o.typography.body2, {
+    backgroundColor: "transparent",
+    display: "flex",
+    padding: "6px 16px"
+  }, s && e.variant === "standard" && {
+    color: o.vars ? o.vars.palette.Alert[`${s}Color`] : n(o.palette[s].light, 0.6),
+    backgroundColor: o.vars ? o.vars.palette.Alert[`${s}StandardBg`] : l(o.palette[s].light, 0.9),
+    [`& .${N.icon}`]: o.vars ? {
+      color: o.vars.palette.Alert[`${s}IconColor`]
+    } : {
+      color: o.palette[s].main
+    }
+  }, s && e.variant === "outlined" && {
+    color: o.vars ? o.vars.palette.Alert[`${s}Color`] : n(o.palette[s].light, 0.6),
+    border: `1px solid ${(o.vars || o).palette[s].light}`,
+    [`& .${N.icon}`]: o.vars ? {
+      color: o.vars.palette.Alert[`${s}IconColor`]
+    } : {
+      color: o.palette[s].main
+    }
+  }, s && e.variant === "filled" && a({
+    fontWeight: o.typography.fontWeightMedium
+  }, o.vars ? {
+    color: o.vars.palette.Alert[`${s}FilledColor`],
+    backgroundColor: o.vars.palette.Alert[`${s}FilledBg`]
+  } : {
+    backgroundColor: o.palette.mode === "dark" ? o.palette[s].dark : o.palette[s].main,
+    color: o.palette.getContrastText(o.palette[s].main)
+  }));
+}), mo = u("div", {
+  name: "MuiAlert",
+  slot: "Icon",
+  overridesResolver: (o, e) => e.icon
+})({
+  marginRight: 12,
+  padding: "7px 0",
+  display: "flex",
+  fontSize: 22,
+  opacity: 0.9
+}), fo = u("div", {
+  name: "MuiAlert",
+  slot: "Message",
+  overridesResolver: (o, e) => e.message
+})({
+  padding: "8px 0",
+  minWidth: 0,
+  overflow: "auto"
+}), O = u("div", {
+  name: "MuiAlert",
+  slot: "Action",
+  overridesResolver: (o, e) => e.action
+})({
+  display: "flex",
+  alignItems: "flex-start",
+  padding: "4px 0 0 16px",
+  marginLeft: "auto",
+  marginRight: -8
+}), S = {
+  success: /* @__PURE__ */ r.jsx(no, {
+    fontSize: "inherit"
+  }),
+  warning: /* @__PURE__ */ r.jsx(lo, {
+    fontSize: "inherit"
+  }),
+  error: /* @__PURE__ */ r.jsx(ao, {
+    fontSize: "inherit"
+  }),
+  info: /* @__PURE__ */ r.jsx(io, {
+    fontSize: "inherit"
+  })
+}, k = /* @__PURE__ */ R.forwardRef(function(e, n) {
+  var l, s, i, p, m, x;
+  const g = L({
+    props: e,
+    name: "MuiAlert"
+  }), {
+    action: v,
+    children: U,
+    className: H,
+    closeText: y = "Close",
+    color: V,
+    components: C = {},
+    componentsProps: h = {},
+    icon: j,
+    iconMapping: K = S,
+    onClose: I,
+    role: D = "alert",
+    severity: A = "success",
+    slotProps: M = {},
+    slots: T = {},
+    variant: F = "standard"
+  } = g, Z = B(g, co), c = a({}, g, {
+    color: V,
+    severity: A,
+    variant: F
+  }), d = po(c), q = (l = (s = T.closeButton) != null ? s : C.CloseButton) != null ? l : to, G = (i = (p = T.closeIcon) != null ? p : C.CloseIcon) != null ? i : Y, J = (m = M.closeButton) != null ? m : h.closeButton, Q = (x = M.closeIcon) != null ? x : h.closeIcon;
+  return /* @__PURE__ */ r.jsxs(uo, a({
+    role: D,
+    elevation: 0,
+    ownerState: c,
+    className: _(d.root, H),
+    ref: n
+  }, Z, {
+    children: [j !== !1 ? /* @__PURE__ */ r.jsx(mo, {
+      ownerState: c,
+      className: d.icon,
+      children: j || K[A] || S[A]
+    }) : null, /* @__PURE__ */ r.jsx(fo, {
+      ownerState: c,
+      className: d.message,
+      children: U
+    }), v != null ? /* @__PURE__ */ r.jsx(O, {
+      ownerState: c,
+      className: d.action,
+      children: v
+    }) : null, v == null && I ? /* @__PURE__ */ r.jsx(O, {
+      ownerState: c,
+      className: d.action,
+      children: /* @__PURE__ */ r.jsx(q, a({
+        size: "small",
+        "aria-label": y,
+        title: y,
+        color: "inherit",
+        onClick: I
+      }, J, {
+        children: /* @__PURE__ */ r.jsx(G, a({
+          fontSize: "small"
+        }, Q))
+      }))
+    }) : null]
+  }));
+});
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The action to display. It renders after the message, at the end of the alert.
+   */
+  action: t.node,
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * Override the default label for the *close popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @default 'Close'
+   */
+  closeText: t.string,
+  /**
+   * The color of the component. Unless provided, the value is taken from the `severity` prop.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   */
+  color: t.oneOfType([t.oneOf(["error", "info", "success", "warning"]), t.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: t.shape({
+    CloseButton: t.elementType,
+    CloseIcon: t.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: t.shape({
+    closeButton: t.object,
+    closeIcon: t.object
+  }),
+  /**
+   * Override the icon displayed before the children.
+   * Unless provided, the icon is mapped to the value of the `severity` prop.
+   * Set to `false` to remove the `icon`.
+   */
+  icon: t.node,
+  /**
+   * The component maps the `severity` prop to a range of different icons,
+   * for instance success to `<SuccessOutlined>`.
+   * If you wish to change this mapping, you can provide your own.
+   * Alternatively, you can use the `icon` prop to override the icon displayed.
+   */
+  iconMapping: t.shape({
+    error: t.node,
+    info: t.node,
+    success: t.node,
+    warning: t.node
+  }),
+  /**
+   * Callback fired when the component requests to be closed.
+   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: t.func,
+  /**
+   * The ARIA role attribute of the element.
+   * @default 'alert'
+   */
+  role: t.string,
+  /**
+   * The severity of the alert. This defines the color and icon used.
+   * @default 'success'
+   */
+  severity: t.oneOf(["error", "info", "success", "warning"]),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: t.shape({
+    closeButton: t.object,
+    closeIcon: t.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: t.shape({
+    closeButton: t.elementType,
+    closeIcon: t.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant: t.oneOfType([t.oneOf(["filled", "outlined", "standard"]), t.string])
+});
+const go = k;
+function vo(o) {
+  return P("MuiAlertTitle", o);
+}
+z("MuiAlertTitle", ["root"]);
+const Ao = ["className"], xo = (o) => {
+  const {
+    classes: e
+  } = o;
+  return E({
+    root: ["root"]
+  }, vo, e);
+}, yo = u(eo, {
+  name: "MuiAlertTitle",
+  slot: "Root",
+  overridesResolver: (o, e) => e.root
+})(({
+  theme: o
+}) => ({
+  fontWeight: o.typography.fontWeightMedium,
+  marginTop: -2
+})), W = /* @__PURE__ */ R.forwardRef(function(e, n) {
+  const l = L({
+    props: e,
+    name: "MuiAlertTitle"
+  }), {
+    className: s
+  } = l, i = B(l, Ao), p = l, m = xo(p);
+  return /* @__PURE__ */ r.jsx(yo, a({
+    gutterBottom: !0,
+    component: "div",
+    ownerState: p,
+    ref: n,
+    className: _(m.root, s)
+  }, i));
+});
+process.env.NODE_ENV !== "production" && (W.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
+});
+const Co = W, Go = X(function(e, n) {
+  const l = {
+    success: "bg-light-success",
+    info: "bg-light-info",
+    warning: "bg-light-warning",
+    error: "bg-light-danger"
+  }[e.severity ?? "info"], s = e.className ?? "d-flex align-items-center mb-50";
+  return /* @__PURE__ */ r.jsx(
+    go,
+    {
+      ref: n,
+      severity: e.severity,
+      className: `${s} ${l}`,
+      children: e.children
+    }
+  );
+});
+function Jo(o) {
+  return /* @__PURE__ */ r.jsx(Co, { className: o.className ?? "", children: o.children });
+}
+export {
+  Go as KdpaAlert,
+  Jo as KdpaAlertTitle
+};

package/dist/ArrowDropDown-76613637.js

@@ -0,0 +1,35 @@
+import { _ as e } from "./extends-393586f3.js";
+import { g as n } from "./useThemeProps-7d04a175.js";
+import { g as s } from "./identifier-9dfe30d8.js";
+import "react";
+import { c as u } from "./createSvgIcon-b80a8a41.js";
+import { j as o } from "./jsx-runtime-944c88e2.js";
+function g(t) {
+  return s("MuiInputBase", t);
+}
+const l = n("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), i = l;
+function M(t) {
+  return s("MuiInput", t);
+}
+const r = e({}, i, n("MuiInput", ["root", "underline", "input"])), y = r;
+function S(t) {
+  return s("MuiOutlinedInput", t);
+}
+const a = e({}, i, n("MuiOutlinedInput", ["root", "notchedOutline", "input"])), U = a;
+function h(t) {
+  return s("MuiFilledInput", t);
+}
+const p = e({}, i, n("MuiFilledInput", ["root", "underline", "input"])), x = p, A = u(/* @__PURE__ */ o.jsx("path", {
+  d: "M7 10l5 5 5-5z"
+}), "ArrowDropDown");
+export {
+  A,
+  i as a,
+  h as b,
+  M as c,
+  S as d,
+  x as f,
+  g,
+  y as i,
+  U as o
+};