kdpa-components 1.25.0 → 1.25.1

package/dist/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { KdpaAccordion, KdpaAccordionDetails, KdpaAccordionSummary, } from "./KdpaAccordions";
+export type { KdpaAccordionProps, KdpaAccordionDetailsProps, KdpaAccordionSummaryProps, } from "./KdpaAccordions";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,kBAAkB,CAAC"}

package/dist/Accordion/index.js

@@ -0,0 +1,481 @@
+import { j as a } from "../jsx-runtime-944c88e2.js";
+import { _ as d, a as T } from "../extends-393586f3.js";
+import * as c from "react";
+import { r as q } from "../emotion-is-prop-valid.esm-b7f48706.js";
+import { g as E, P as e } from "../identifier-9dfe30d8.js";
+import { g as $, s as y, u as M, c as R, a as w } from "../useThemeProps-7d04a175.js";
+import { M as W } from "../Paper-aaec61a3.js";
+import { u as L } from "../useControlled-cc2d41cb.js";
+import { c as K } from "../chainPropTypes-004bf492.js";
+import { C as F } from "../Collapse-4b8b3146.js";
+import { B as H } from "../ButtonBase-0f9f324d.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../useTheme-014a54ad.js";
+import "../utils-129661c6.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "react-dom";
+import "../useForkRef-0781dda0.js";
+import "../elementTypeAcceptingRef-6c34f16b.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 "../useIsFocusVisible-4693b580.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../refType-af1a9f54.js";
+const O = /* @__PURE__ */ c.createContext({});
+process.env.NODE_ENV !== "production" && (O.displayName = "AccordionContext");
+const G = O;
+function z(o) {
+  return E("MuiAccordion", o);
+}
+const J = $("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutters", "region"]), h = J, Q = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"], X = (o) => {
+  const {
+    classes: r,
+    square: s,
+    expanded: t,
+    disabled: i,
+    disableGutters: l
+  } = o;
+  return w({
+    root: ["root", !s && "rounded", t && "expanded", i && "disabled", !l && "gutters"],
+    region: ["region"]
+  }, z, r);
+}, Y = y(W, {
+  name: "MuiAccordion",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: s
+    } = o;
+    return [{
+      [`& .${h.region}`]: r.region
+    }, r.root, !s.square && r.rounded, !s.disableGutters && r.gutters];
+  }
+})(({
+  theme: o
+}) => {
+  const r = {
+    duration: o.transitions.duration.shortest
+  };
+  return {
+    position: "relative",
+    transition: o.transitions.create(["margin"], r),
+    overflowAnchor: "none",
+    // Keep the same scrolling position
+    "&:before": {
+      position: "absolute",
+      left: 0,
+      top: -1,
+      right: 0,
+      height: 1,
+      content: '""',
+      opacity: 1,
+      backgroundColor: (o.vars || o).palette.divider,
+      transition: o.transitions.create(["opacity", "background-color"], r)
+    },
+    "&:first-of-type": {
+      "&:before": {
+        display: "none"
+      }
+    },
+    [`&.${h.expanded}`]: {
+      "&:before": {
+        opacity: 0
+      },
+      "&:first-of-type": {
+        marginTop: 0
+      },
+      "&:last-of-type": {
+        marginBottom: 0
+      },
+      "& + &": {
+        "&:before": {
+          display: "none"
+        }
+      }
+    },
+    [`&.${h.disabled}`]: {
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
+    }
+  };
+}, ({
+  theme: o,
+  ownerState: r
+}) => d({}, !r.square && {
+  borderRadius: 0,
+  "&:first-of-type": {
+    borderTopLeftRadius: (o.vars || o).shape.borderRadius,
+    borderTopRightRadius: (o.vars || o).shape.borderRadius
+  },
+  "&:last-of-type": {
+    borderBottomLeftRadius: (o.vars || o).shape.borderRadius,
+    borderBottomRightRadius: (o.vars || o).shape.borderRadius,
+    // Fix a rendering issue on Edge
+    "@supports (-ms-ime-align: auto)": {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    }
+  }
+}, !r.disableGutters && {
+  [`&.${h.expanded}`]: {
+    margin: "16px 0"
+  }
+})), I = /* @__PURE__ */ c.forwardRef(function(r, s) {
+  const t = M({
+    props: r,
+    name: "MuiAccordion"
+  }), {
+    children: i,
+    className: l,
+    defaultExpanded: p = !1,
+    disabled: u = !1,
+    disableGutters: f = !1,
+    expanded: N,
+    onChange: b,
+    square: C = !1,
+    TransitionComponent: A = F,
+    TransitionProps: v
+  } = t, S = T(t, Q), [n, m] = L({
+    controlled: N,
+    default: p,
+    name: "Accordion",
+    state: "expanded"
+  }), g = c.useCallback((B) => {
+    m(!n), b && b(B, !n);
+  }, [n, b, m]), [j, ...U] = c.Children.toArray(i), _ = c.useMemo(() => ({
+    expanded: n,
+    disabled: u,
+    disableGutters: f,
+    toggle: g
+  }), [n, u, f, g]), V = d({}, t, {
+    square: C,
+    disabled: u,
+    disableGutters: f,
+    expanded: n
+  }), D = X(V);
+  return /* @__PURE__ */ a.jsxs(Y, d({
+    className: R(D.root, l),
+    ref: s,
+    ownerState: V,
+    square: C
+  }, S, {
+    children: [/* @__PURE__ */ a.jsx(G.Provider, {
+      value: _,
+      children: j
+    }), /* @__PURE__ */ a.jsx(A, d({
+      in: n,
+      timeout: "auto"
+    }, v, {
+      children: /* @__PURE__ */ a.jsx("div", {
+        "aria-labelledby": j.props.id,
+        id: j.props["aria-controls"],
+        role: "region",
+        className: D.region,
+        children: U
+      })
+    }))]
+  }));
+});
+process.env.NODE_ENV !== "production" && (I.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: K(e.node.isRequired, (o) => {
+    const r = c.Children.toArray(o.children)[0];
+    return q.isFragment(r) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ c.isValidElement(r) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
+  }),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * If `true`, expands the accordion by default.
+   * @default false
+   */
+  defaultExpanded: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
+   * @default false
+   */
+  disableGutters: e.bool,
+  /**
+   * If `true`, expands the accordion, otherwise collapse it.
+   * Setting this prop enables control over the accordion.
+   */
+  expanded: e.bool,
+  /**
+   * Callback fired when the expand/collapse state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {boolean} expanded The `expanded` state of the accordion.
+   */
+  onChange: e.func,
+  /**
+   * If `true`, rounded corners are disabled.
+   * @default false
+   */
+  square: e.bool,
+  /**
+   * 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 Collapse
+   */
+  TransitionComponent: e.elementType,
+  /**
+   * 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 Z = I;
+function oo(o) {
+  return E("MuiAccordionSummary", o);
+}
+const eo = $("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), x = eo, ro = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"], so = (o) => {
+  const {
+    classes: r,
+    expanded: s,
+    disabled: t,
+    disableGutters: i
+  } = o;
+  return w({
+    root: ["root", s && "expanded", t && "disabled", !i && "gutters"],
+    focusVisible: ["focusVisible"],
+    content: ["content", s && "expanded", !i && "contentGutters"],
+    expandIconWrapper: ["expandIconWrapper", s && "expanded"]
+  }, oo, r);
+}, to = y(H, {
+  name: "MuiAccordionSummary",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})(({
+  theme: o,
+  ownerState: r
+}) => {
+  const s = {
+    duration: o.transitions.duration.shortest
+  };
+  return d({
+    display: "flex",
+    minHeight: 48,
+    padding: o.spacing(0, 2),
+    transition: o.transitions.create(["min-height", "background-color"], s),
+    [`&.${x.focusVisible}`]: {
+      backgroundColor: (o.vars || o).palette.action.focus
+    },
+    [`&.${x.disabled}`]: {
+      opacity: (o.vars || o).palette.action.disabledOpacity
+    },
+    [`&:hover:not(.${x.disabled})`]: {
+      cursor: "pointer"
+    }
+  }, !r.disableGutters && {
+    [`&.${x.expanded}`]: {
+      minHeight: 64
+    }
+  });
+}), no = y("div", {
+  name: "MuiAccordionSummary",
+  slot: "Content",
+  overridesResolver: (o, r) => r.content
+})(({
+  theme: o,
+  ownerState: r
+}) => d({
+  display: "flex",
+  flexGrow: 1,
+  margin: "12px 0"
+}, !r.disableGutters && {
+  transition: o.transitions.create(["margin"], {
+    duration: o.transitions.duration.shortest
+  }),
+  [`&.${x.expanded}`]: {
+    margin: "20px 0"
+  }
+})), ao = y("div", {
+  name: "MuiAccordionSummary",
+  slot: "ExpandIconWrapper",
+  overridesResolver: (o, r) => r.expandIconWrapper
+})(({
+  theme: o
+}) => ({
+  display: "flex",
+  color: (o.vars || o).palette.action.active,
+  transform: "rotate(0deg)",
+  transition: o.transitions.create("transform", {
+    duration: o.transitions.duration.shortest
+  }),
+  [`&.${x.expanded}`]: {
+    transform: "rotate(180deg)"
+  }
+})), P = /* @__PURE__ */ c.forwardRef(function(r, s) {
+  const t = M({
+    props: r,
+    name: "MuiAccordionSummary"
+  }), {
+    children: i,
+    className: l,
+    expandIcon: p,
+    focusVisibleClassName: u,
+    onClick: f
+  } = t, N = T(t, ro), {
+    disabled: b = !1,
+    disableGutters: C,
+    expanded: A,
+    toggle: v
+  } = c.useContext(G), S = (g) => {
+    v && v(g), f && f(g);
+  }, n = d({}, t, {
+    expanded: A,
+    disabled: b,
+    disableGutters: C
+  }), m = so(n);
+  return /* @__PURE__ */ a.jsxs(to, d({
+    focusRipple: !1,
+    disableRipple: !0,
+    disabled: b,
+    component: "div",
+    "aria-expanded": A,
+    className: R(m.root, l),
+    focusVisibleClassName: R(m.focusVisible, u),
+    onClick: S,
+    ref: s,
+    ownerState: n
+  }, N, {
+    children: [/* @__PURE__ */ a.jsx(no, {
+      className: m.content,
+      ownerState: n,
+      children: i
+    }), p && /* @__PURE__ */ a.jsx(ao, {
+      className: m.expandIconWrapper,
+      ownerState: n,
+      children: p
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" && (P.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: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The icon to display as the expand indicator.
+   */
+  expandIcon: e.node,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: e.string,
+  /**
+   * @ignore
+   */
+  onClick: e.func,
+  /**
+   * 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])
+});
+const io = P;
+function co(o) {
+  return E("MuiAccordionDetails", o);
+}
+$("MuiAccordionDetails", ["root"]);
+const lo = ["className"], po = (o) => {
+  const {
+    classes: r
+  } = o;
+  return w({
+    root: ["root"]
+  }, co, r);
+}, uo = y("div", {
+  name: "MuiAccordionDetails",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})(({
+  theme: o
+}) => ({
+  padding: o.spacing(1, 2, 2)
+})), k = /* @__PURE__ */ c.forwardRef(function(r, s) {
+  const t = M({
+    props: r,
+    name: "MuiAccordionDetails"
+  }), {
+    className: i
+  } = t, l = T(t, lo), p = t, u = po(p);
+  return /* @__PURE__ */ a.jsx(uo, d({
+    className: R(u.root, i),
+    ref: s,
+    ownerState: p
+  }, l));
+});
+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 content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: 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])
+});
+const mo = k, _o = ({ children: o, ...r }) => /* @__PURE__ */ a.jsx(Z, { ...r, children: o }), Bo = ({
+  children: o,
+  ...r
+}) => /* @__PURE__ */ a.jsx(io, { "aria-controls": "panel1a-content", ...r, children: o }), qo = ({
+  children: o,
+  ...r
+}) => /* @__PURE__ */ a.jsx(mo, { ...r, children: o });
+export {
+  _o as KdpaAccordion,
+  qo as KdpaAccordionDetails,
+  Bo as KdpaAccordionSummary
+};

package/dist/AdvancedList/index.d.ts

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

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

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