@cgi-learning-hub/ui 1.4.0 → 1.5.0-dev.1743511847

package/dist/ListItem--Hj6zz4n.js

@@ -0,0 +1,423 @@
+import * as r from "react";
+import { G as x, H as L, I as C, P as e } from "./generateUtilityClasses-SJ1QPUag.js";
+import { i as w } from "./isHostComponent-kiaBvYVo.js";
+import { m as q } from "./memoTheme-C9GnPENe.js";
+import { a as h } from "./List-CV_4VCwT.js";
+import { jsx as f, jsxs as O } from "react/jsx-runtime";
+import { u as U, s as A, c as B } from "./DefaultPropsProvider-ZFZfNXyN.js";
+import { i as k } from "./isMuiElement-DnSE4qG4.js";
+import { u as J } from "./useForkRef-C_4o__cU.js";
+import { e as K } from "./elementTypeAcceptingRef-Cqa8qLE7.js";
+import { c as Q } from "./chainPropTypes-D9lkm76m.js";
+function W(o) {
+  return L("MuiListItem", o);
+}
+const bt = x("MuiListItem", ["root", "container", "dense", "alignItemsFlexStart", "divider", "gutters", "padding", "secondaryAction"]);
+function ht(o) {
+  return L("MuiListItemButton", o);
+}
+const X = x("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]);
+function Z(o) {
+  return L("MuiListItemSecondaryAction", o);
+}
+x("MuiListItemSecondaryAction", ["root", "disableGutters"]);
+const tt = (o) => {
+  const {
+    disableGutters: t,
+    classes: s
+  } = o;
+  return B({
+    root: ["root", t && "disableGutters"]
+  }, Z, s);
+}, et = A("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__ */ r.forwardRef(function(t, s) {
+  const n = U({
+    props: t,
+    name: "MuiListItemSecondaryAction"
+  }), {
+    className: i,
+    ...l
+  } = n, p = r.useContext(h), a = {
+    ...n,
+    disableGutters: p.disableGutters
+  }, g = tt(a);
+  return /* @__PURE__ */ f(et, {
+    className: C(g.root, i),
+    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 ot = (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];
+}, st = (o) => {
+  const {
+    alignItems: t,
+    classes: s,
+    dense: n,
+    disableGutters: i,
+    disablePadding: l,
+    divider: p,
+    hasSecondaryAction: a
+  } = o;
+  return B({
+    root: ["root", n && "dense", !i && "gutters", !l && "padding", p && "divider", t === "flex-start" && "alignItemsFlexStart", a && "secondaryAction"],
+    container: ["container"]
+  }, W, s);
+}, nt = A("div", {
+  name: "MuiListItem",
+  slot: "Root",
+  overridesResolver: ot
+})(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
+    }
+  }]
+}))), it = A("li", {
+  name: "MuiListItem",
+  slot: "Container",
+  overridesResolver: (o, t) => t.container
+})({
+  position: "relative"
+}), rt = /* @__PURE__ */ r.forwardRef(function(t, s) {
+  const n = U({
+    props: t,
+    name: "MuiListItem"
+  }), {
+    alignItems: i = "center",
+    children: l,
+    className: p,
+    component: a,
+    components: g = {},
+    componentsProps: E = {},
+    ContainerComponent: P = "li",
+    ContainerProps: {
+      className: F,
+      ...D
+    } = {},
+    dense: R = !1,
+    disableGutters: I = !1,
+    disablePadding: V = !1,
+    divider: $ = !1,
+    secondaryAction: N,
+    slotProps: H = {},
+    slots: Y = {},
+    ..._
+  } = n, T = r.useContext(h), v = r.useMemo(() => ({
+    dense: R || T.dense || !1,
+    alignItems: i,
+    disableGutters: I
+  }), [i, T.dense, R, I]), z = r.useRef(null), c = r.Children.toArray(l), G = c.length && k(c[c.length - 1], ["ListItemSecondaryAction"]), y = {
+    ...n,
+    alignItems: i,
+    dense: v.dense,
+    disableGutters: I,
+    disablePadding: V,
+    divider: $,
+    hasSecondaryAction: G
+  }, M = st(y), j = J(z, s), b = Y.root || g.Root || nt, m = H.root || E.root || {}, u = {
+    className: C(M.root, m.className, p),
+    ..._
+  };
+  let d = a || "li";
+  return G ? (d = !u.component && !a ? "div" : d, P === "li" && (d === "li" ? d = "div" : u.component === "li" && (u.component = "div")), /* @__PURE__ */ f(h.Provider, {
+    value: v,
+    children: /* @__PURE__ */ O(it, {
+      as: P,
+      className: C(M.container, F),
+      ref: j,
+      ownerState: y,
+      ...D,
+      children: [/* @__PURE__ */ f(b, {
+        ...m,
+        ...!w(b) && {
+          as: d,
+          ownerState: {
+            ...y,
+            ...m.ownerState
+          }
+        },
+        ...u,
+        children: c
+      }), c.pop()]
+    })
+  })) : /* @__PURE__ */ f(h.Provider, {
+    value: v,
+    children: /* @__PURE__ */ O(b, {
+      ...m,
+      as: d,
+      ref: j,
+      ...!w(b) && {
+        ownerState: {
+          ...y,
+          ...m.ownerState
+        }
+      },
+      ...u,
+      children: [c, N && /* @__PURE__ */ f(S, {
+        children: N
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (rt.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: Q(e.node, (o) => {
+    const t = r.Children.toArray(o.children);
+    let s = -1;
+    for (let n = t.length - 1; n >= 0; n -= 1) {
+      const i = t[n];
+      if (k(i, ["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 v7. 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 v7. 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 v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContainerComponent: K,
+  /**
+   * Props applied to the container component if used.
+   * @default {}
+   * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. 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
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * @default {}
+   */
+  slots: e.shape({
+    root: 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 {
+  rt as L,
+  X as a,
+  ht as b,
+  W as g,
+  bt as l
+};

package/dist/ListItem-B2M8rFxh.cjs

@@ -0,0 +1 @@
+"use strict";const V=require("react"),t=require("./generateUtilityClasses-B90hrzv4.cjs"),M=require("./isHostComponent-PydJW4A4.cjs"),$=require("./memoTheme-D8ch-Aus.cjs"),T=require("./List-CBdWJkIa.cjs"),c=require("react/jsx-runtime"),l=require("./DefaultPropsProvider-DhsUT47i.cjs"),N=require("./isMuiElement-BzDAj3yJ.cjs"),z=require("./useForkRef-CTI33h-3.cjs"),Y=require("./elementTypeAcceptingRef-CFAbKDTa.cjs"),J=require("./chainPropTypes-CEUi6Jb4.cjs");function K(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>s[o]})}}return e.default=s,Object.freeze(e)}const i=K(V);function U(s){return t.generateUtilityClass("MuiListItem",s)}const Q=t.generateUtilityClasses("MuiListItem",["root","container","dense","alignItemsFlexStart","divider","gutters","padding","secondaryAction"]);function W(s){return t.generateUtilityClass("MuiListItemButton",s)}const O=t.generateUtilityClasses("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function X(s){return t.generateUtilityClass("MuiListItemSecondaryAction",s)}t.generateUtilityClasses("MuiListItemSecondaryAction",["root","disableGutters"]);const Z=s=>{const{disableGutters:e,classes:o}=s,n={root:["root",e&&"disableGutters"]};return l.composeClasses(n,X,o)},ee=l.styled("div",{name:"MuiListItemSecondaryAction",slot:"Root",overridesResolver:(s,e)=>{const{ownerState:o}=s;return[e.root,o.disableGutters&&e.disableGutters]}})({position:"absolute",right:16,top:"50%",transform:"translateY(-50%)",variants:[{props:({ownerState:s})=>s.disableGutters,style:{right:0}}]}),h=i.forwardRef(function(e,o){const n=l.useDefaultProps({props:e,name:"MuiListItemSecondaryAction"}),{className:r,...u}=n,y=i.useContext(T.ListContext),a={...n,disableGutters:y.disableGutters},m=Z(a);return c.jsx(ee,{className:t.clsx(m.root,r),ownerState:a,ref:o,...u})});process.env.NODE_ENV!=="production"&&(h.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object])});h.muiName="ListItemSecondaryAction";const te=(s,e)=>{const{ownerState:o}=s;return[e.root,o.dense&&e.dense,o.alignItems==="flex-start"&&e.alignItemsFlexStart,o.divider&&e.divider,!o.disableGutters&&e.gutters,!o.disablePadding&&e.padding,o.hasSecondaryAction&&e.secondaryAction]},se=s=>{const{alignItems:e,classes:o,dense:n,disableGutters:r,disablePadding:u,divider:y,hasSecondaryAction:a}=s,m={root:["root",n&&"dense",!r&&"gutters",!u&&"padding",y&&"divider",e==="flex-start"&&"alignItemsFlexStart",a&&"secondaryAction"],container:["container"]};return l.composeClasses(m,U,o)},oe=l.styled("div",{name:"MuiListItem",slot:"Root",overridesResolver:te})($.memoTheme(({theme:s})=>({display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left",variants:[{props:({ownerState:e})=>!e.disablePadding,style:{paddingTop:8,paddingBottom:8}},{props:({ownerState:e})=>!e.disablePadding&&e.dense,style:{paddingTop:4,paddingBottom:4}},{props:({ownerState:e})=>!e.disablePadding&&!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>!e.disablePadding&&!!e.secondaryAction,style:{paddingRight:48}},{props:({ownerState:e})=>!!e.secondaryAction,style:{[`& > .${O.root}`]:{paddingRight:48}}},{props:{alignItems:"flex-start"},style:{alignItems:"flex-start"}},{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(s.vars||s).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:e})=>e.button,style:{transition:s.transitions.create("background-color",{duration:s.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(s.vars||s).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}}},{props:({ownerState:e})=>e.hasSecondaryAction,style:{paddingRight:48}}]}))),ne=l.styled("li",{name:"MuiListItem",slot:"Container",overridesResolver:(s,e)=>e.container})({position:"relative"}),G=i.forwardRef(function(e,o){const n=l.useDefaultProps({props:e,name:"MuiListItem"}),{alignItems:r="center",children:u,className:y,component:a,components:m={},componentsProps:w={},ContainerComponent:x="li",ContainerProps:{className:q,...B}={},dense:v=!1,disableGutters:C=!1,disablePadding:D=!1,divider:k=!1,secondaryAction:L,slotProps:E={},slots:F={},..._}=n,S=i.useContext(T.ListContext),I=i.useMemo(()=>({dense:v||S.dense||!1,alignItems:r,disableGutters:C}),[r,S.dense,v,C]),H=i.useRef(null),p=i.Children.toArray(u),A=p.length&&N.isMuiElement(p[p.length-1],["ListItemSecondaryAction"]),P={...n,alignItems:r,dense:I.dense,disableGutters:C,disablePadding:D,divider:k,hasSecondaryAction:A},R=se(P),j=z.useForkRef(H,o),b=F.root||m.Root||oe,g=E.root||w.root||{},f={className:t.clsx(R.root,g.className,y),..._};let d=a||"li";return A?(d=!f.component&&!a?"div":d,x==="li"&&(d==="li"?d="div":f.component==="li"&&(f.component="div")),c.jsx(T.ListContext.Provider,{value:I,children:c.jsxs(ne,{as:x,className:t.clsx(R.container,q),ref:j,ownerState:P,...B,children:[c.jsx(b,{...g,...!M.isHostComponent(b)&&{as:d,ownerState:{...P,...g.ownerState}},...f,children:p}),p.pop()]})})):c.jsx(T.ListContext.Provider,{value:I,children:c.jsxs(b,{...g,as:d,ref:j,...!M.isHostComponent(b)&&{ownerState:{...P,...g.ownerState}},...f,children:[p,L&&c.jsx(h,{children:L})]})})});process.env.NODE_ENV!=="production"&&(G.propTypes={alignItems:t.PropTypes.oneOf(["center","flex-start"]),children:J.chainPropTypes(t.PropTypes.node,s=>{const e=i.Children.toArray(s.children);let o=-1;for(let n=e.length-1;n>=0;n-=1){const r=e[n];if(N.isMuiElement(r,["ListItemSecondaryAction"])){o=n;break}}return o!==-1&&o!==e.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}),classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,components:t.PropTypes.shape({Root:t.PropTypes.elementType}),componentsProps:t.PropTypes.shape({root:t.PropTypes.object}),ContainerComponent:Y.elementTypeAcceptingRef,ContainerProps:t.PropTypes.object,dense:t.PropTypes.bool,disableGutters:t.PropTypes.bool,disablePadding:t.PropTypes.bool,divider:t.PropTypes.bool,secondaryAction:t.PropTypes.node,slotProps:t.PropTypes.shape({root:t.PropTypes.object}),slots:t.PropTypes.shape({root:t.PropTypes.elementType}),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object])});exports.ListItem=G;exports.getListItemButtonUtilityClass=W;exports.getListItemUtilityClass=U;exports.listItemButtonClasses=O;exports.listItemClasses=Q;