@amateescu/portal-ui-components 0.0.48 → 0.0.50

package/dist/ListItem-1DiNy9oq.js

@@ -0,0 +1,422 @@
+import * as i from "react";
+import { b as U, g as k, u as E, s as x, c as C, f as F, P as e, m as Q } from "./DefaultPropsProvider-BQx1AiAq.js";
+import { u as W, i as M } from "./useSlot-B1oIMjd_.js";
+import { L as h, i as D, l as X } from "./listItemButtonClasses-BLTBU8Yh.js";
+import { jsx as f, jsxs as O } from "react/jsx-runtime";
+import { a as Z, e as ee } from "./ButtonBase-ugYh038t.js";
+import { a as te } from "./createSimplePaletteValueFilter-Bz8RuRaa.js";
+function oe(o) {
+  return U("MuiListItem", o);
+}
+k("MuiListItem", ["root", "container", "dense", "alignItemsFlexStart", "divider", "gutters", "padding", "secondaryAction"]);
+function se(o) {
+  return U("MuiListItemSecondaryAction", o);
+}
+k("MuiListItemSecondaryAction", ["root", "disableGutters"]);
+const ne = (o) => {
+  const {
+    disableGutters: t,
+    classes: s
+  } = o;
+  return F({
+    root: ["root", t && "disableGutters"]
+  }, se, s);
+}, re = x("div", {
+  name: "MuiListItemSecondaryAction",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: s
+    } = o;
+    return [t.root, s.disableGutters && t.disableGutters];
+  }
+})({
+  position: "absolute",
+  right: 16,
+  top: "50%",
+  transform: "translateY(-50%)",
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => o.disableGutters,
+    style: {
+      right: 0
+    }
+  }]
+}), S = /* @__PURE__ */ i.forwardRef(function(t, s) {
+  const n = E({
+    props: t,
+    name: "MuiListItemSecondaryAction"
+  }), {
+    className: r,
+    ...l
+  } = n, p = i.useContext(h), a = {
+    ...n,
+    disableGutters: p.disableGutters
+  }, g = ne(a);
+  return /* @__PURE__ */ f(re, {
+    className: C(g.root, r),
+    ownerState: a,
+    ref: s,
+    ...l
+  });
+});
+process.env.NODE_ENV !== "production" && (S.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component, normally an `IconButton` or selection control.
+   */
+  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])
+});
+S.muiName = "ListItemSecondaryAction";
+const ie = (o, t) => {
+  const {
+    ownerState: s
+  } = o;
+  return [t.root, s.dense && t.dense, s.alignItems === "flex-start" && t.alignItemsFlexStart, s.divider && t.divider, !s.disableGutters && t.gutters, !s.disablePadding && t.padding, s.hasSecondaryAction && t.secondaryAction];
+}, ae = (o) => {
+  const {
+    alignItems: t,
+    classes: s,
+    dense: n,
+    disableGutters: r,
+    disablePadding: l,
+    divider: p,
+    hasSecondaryAction: a
+  } = o;
+  return F({
+    root: ["root", n && "dense", !r && "gutters", !l && "padding", p && "divider", t === "flex-start" && "alignItemsFlexStart", a && "secondaryAction"],
+    container: ["container"],
+    secondaryAction: ["secondaryAction"]
+  }, oe, s);
+}, ce = x("div", {
+  name: "MuiListItem",
+  slot: "Root",
+  overridesResolver: ie
+})(Q(({
+  theme: o
+}) => ({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  width: "100%",
+  boxSizing: "border-box",
+  textAlign: "left",
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding,
+    style: {
+      paddingTop: 8,
+      paddingBottom: 8
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding && t.dense,
+    style: {
+      paddingTop: 4,
+      paddingBottom: 4
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding && !t.disableGutters,
+    style: {
+      paddingLeft: 16,
+      paddingRight: 16
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding && !!t.secondaryAction,
+    style: {
+      // Add some space to avoid collision as `ListItemSecondaryAction`
+      // is absolutely positioned.
+      paddingRight: 48
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !!t.secondaryAction,
+    style: {
+      [`& > .${X.root}`]: {
+        paddingRight: 48
+      }
+    }
+  }, {
+    props: {
+      alignItems: "flex-start"
+    },
+    style: {
+      alignItems: "flex-start"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.divider,
+    style: {
+      borderBottom: `1px solid ${(o.vars || o).palette.divider}`,
+      backgroundClip: "padding-box"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.button,
+    style: {
+      transition: o.transitions.create("background-color", {
+        duration: o.transitions.duration.shortest
+      }),
+      "&:hover": {
+        textDecoration: "none",
+        backgroundColor: (o.vars || o).palette.action.hover,
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.hasSecondaryAction,
+    style: {
+      // Add some space to avoid collision as `ListItemSecondaryAction`
+      // is absolutely positioned.
+      paddingRight: 48
+    }
+  }]
+}))), de = x("li", {
+  name: "MuiListItem",
+  slot: "Container"
+})({
+  position: "relative"
+}), le = /* @__PURE__ */ i.forwardRef(function(t, s) {
+  const n = E({
+    props: t,
+    name: "MuiListItem"
+  }), {
+    alignItems: r = "center",
+    children: l,
+    className: p,
+    component: a,
+    components: g = {},
+    componentsProps: B = {},
+    ContainerComponent: L = "li",
+    ContainerProps: {
+      className: $,
+      ...V
+    } = {},
+    dense: P = !1,
+    disableGutters: I = !1,
+    disablePadding: Y = !1,
+    divider: _ = !1,
+    secondaryAction: R,
+    slotProps: T = {},
+    slots: N = {},
+    ...z
+  } = n, j = i.useContext(h), A = i.useMemo(() => ({
+    dense: P || j.dense || !1,
+    alignItems: r,
+    disableGutters: I
+  }), [r, j.dense, P, I]), H = i.useRef(null), c = i.Children.toArray(l), G = c.length && D(c[c.length - 1], ["ListItemSecondaryAction"]), m = {
+    ...n,
+    alignItems: r,
+    dense: A.dense,
+    disableGutters: I,
+    disablePadding: Y,
+    divider: _,
+    hasSecondaryAction: G
+  }, v = ae(m), w = Z(H, s), q = {
+    slots: N,
+    slotProps: T
+  }, [J, K] = W("secondaryAction", {
+    elementType: S,
+    externalForwardedProps: q,
+    ownerState: m,
+    className: v.secondaryAction
+  }), b = N.root || g.Root || ce, u = T.root || B.root || {}, y = {
+    className: C(v.root, u.className, p),
+    ...z
+  };
+  let d = a || "li";
+  return G ? (d = !y.component && !a ? "div" : d, L === "li" && (d === "li" ? d = "div" : y.component === "li" && (y.component = "div")), /* @__PURE__ */ f(h.Provider, {
+    value: A,
+    children: /* @__PURE__ */ O(de, {
+      as: L,
+      className: C(v.container, $),
+      ref: w,
+      ownerState: m,
+      ...V,
+      children: [/* @__PURE__ */ f(b, {
+        ...u,
+        ...!M(b) && {
+          as: d,
+          ownerState: {
+            ...m,
+            ...u.ownerState
+          }
+        },
+        ...y,
+        children: c
+      }), c.pop()]
+    })
+  })) : /* @__PURE__ */ f(h.Provider, {
+    value: A,
+    children: /* @__PURE__ */ O(b, {
+      ...u,
+      as: d,
+      ref: w,
+      ...!M(b) && {
+        ownerState: {
+          ...m,
+          ...u.ownerState
+        }
+      },
+      ...y,
+      children: [c, R && /* @__PURE__ */ f(J, {
+        ...K,
+        children: R
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (le.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Defines the `align-items` style property.
+   * @default 'center'
+   */
+  alignItems: e.oneOf(["center", "flex-start"]),
+  /**
+   * The content of the component if a `ListItemSecondaryAction` is used it must
+   * be the last child.
+   */
+  children: te(e.node, (o) => {
+    const t = i.Children.toArray(o.children);
+    let s = -1;
+    for (let n = t.length - 1; n >= 0; n -= 1) {
+      const r = t[n];
+      if (D(r, ["ListItemSecondaryAction"])) {
+        s = n;
+        break;
+      }
+    }
+    return s !== -1 && s !== t.length - 1 ? new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem.") : null;
+  }),
+  /**
+   * 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,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  components: e.shape({
+    Root: e.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  componentsProps: e.shape({
+    root: e.object
+  }),
+  /**
+   * The container component used when a `ListItemSecondaryAction` is the last child.
+   * @default 'li'
+   * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContainerComponent: ee,
+  /**
+   * Props applied to the container component if used.
+   * @default {}
+   * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContainerProps: e.object,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent List component.
+   * @default false
+   */
+  dense: e.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: e.bool,
+  /**
+   * If `true`, all padding is removed.
+   * @default false
+   */
+  disablePadding: e.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the list item.
+   * @default false
+   */
+  divider: e.bool,
+  /**
+   * The element to display at the end of ListItem.
+   */
+  secondaryAction: e.node,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @default {}
+   */
+  slotProps: e.shape({
+    root: e.object,
+    secondaryAction: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * @default {}
+   */
+  slots: e.shape({
+    root: e.elementType,
+    secondaryAction: e.elementType
+  }),
+  /**
+   * 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])
+});
+export {
+  le as L
+};