@clearstory/drywall-react 3.6.0 → 3.7.0

package/dist/KeyboardArrowRight-ywXLVR_a.js

@@ -0,0 +1,12 @@
+import "react";
+import { c as r } from "./createSvgIcon-CGGjtU_g.js";
+import { jsx as o } from "react/jsx-runtime";
+const d = r(/* @__PURE__ */ o("path", {
+  d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
+}), "KeyboardArrowLeft"), p = r(/* @__PURE__ */ o("path", {
+  d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
+}), "KeyboardArrowRight");
+export {
+  d as K,
+  p as a
+};

package/dist/TablePagination-BWugB9nc.js

@@ -0,0 +1,665 @@
+import * as et from "react";
+import { createElement as ft } from "react";
+import { P as t } from "./index-CyAhC1RZ.js";
+import { c as q } from "./clsx-OuTLNxxd.js";
+import { m as $ } from "./memoTheme-CCudmmpb.js";
+import { g as ot } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as nt } from "./createTheme-B1FDFl52.js";
+import { u as I } from "./useSlot-BVGwJA4b.js";
+import { jsx as s, jsxs as st } from "react/jsx-runtime";
+import { u as at } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { u as gt } from "./index-D2IRntbh.js";
+import { a as Bt, K as Pt } from "./KeyboardArrowRight-ywXLVR_a.js";
+import { c as lt } from "./createSvgIcon-CGGjtU_g.js";
+import { I as N } from "./IconButton-TpdTqzbL.js";
+import { s as P } from "./styled-D8CtiDxW.js";
+import { c as it } from "./composeClasses-2Ou-RZJr.js";
+import { T as X } from "./TableCell-DoYXdVk-.js";
+import { u as Z } from "./useId-CK6Kn3Tn.js";
+import { I as Tt } from "./InputBase-C0p5hzfj.js";
+import { M as It } from "./MenuItem-trBk-sK2.js";
+import { T as ht } from "./Toolbar-BrvXkKNF.js";
+import { S as yt } from "./Select-BaTU7yXy.js";
+import { i as W } from "./integerPropType-BihGt2aU.js";
+import { c as Rt } from "./chainPropTypes-D9lkm76m.js";
+const St = lt(/* @__PURE__ */ s("path", {
+  d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
+}), "FirstPage"), xt = lt(/* @__PURE__ */ s("path", {
+  d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
+}), "LastPage");
+function vt(e) {
+  return nt("MuiTablePaginationActions", e);
+}
+ot("MuiTablePaginationActions", ["root"]);
+const wt = (e) => {
+  const {
+    classes: n
+  } = e;
+  return it({
+    root: ["root"]
+  }, vt, n);
+}, Lt = P("div", {
+  name: "MuiTablePaginationActions",
+  slot: "Root"
+})({}), rt = /* @__PURE__ */ et.forwardRef(function(n, c) {
+  const T = at({
+    props: n,
+    name: "MuiTablePaginationActions"
+  }), {
+    backIconButtonProps: h,
+    className: F,
+    count: y,
+    disabled: g = !1,
+    getItemAriaLabel: a,
+    nextIconButtonProps: j,
+    onPageChange: R,
+    page: l,
+    rowsPerPage: S,
+    showFirstButton: D,
+    showLastButton: O,
+    slots: m = {},
+    slotProps: o = {},
+    ...B
+  } = T, i = gt(), U = wt(T), z = (d) => {
+    R(d, 0);
+  }, x = (d) => {
+    R(d, l - 1);
+  }, M = (d) => {
+    R(d, l + 1);
+  }, E = (d) => {
+    R(d, Math.max(0, Math.ceil(y / S) - 1));
+  }, p = m.firstButton ?? N, r = m.lastButton ?? N, u = m.nextButton ?? N, C = m.previousButton ?? N, v = m.firstButtonIcon ?? St, k = m.lastButtonIcon ?? xt, w = m.nextButtonIcon ?? Bt, A = m.previousButtonIcon ?? Pt, b = i ? r : p, H = i ? u : C, K = i ? C : u, _ = i ? p : r, G = i ? o.lastButton : o.firstButton, V = i ? o.nextButton : o.previousButton, J = i ? o.previousButton : o.nextButton, Q = i ? o.firstButton : o.lastButton;
+  return /* @__PURE__ */ st(Lt, {
+    ref: c,
+    className: q(U.root, F),
+    ...B,
+    children: [D && /* @__PURE__ */ s(b, {
+      onClick: z,
+      disabled: g || l === 0,
+      "aria-label": a("first", l),
+      title: a("first", l),
+      ...G,
+      children: i ? /* @__PURE__ */ s(k, {
+        ...o.lastButtonIcon
+      }) : /* @__PURE__ */ s(v, {
+        ...o.firstButtonIcon
+      })
+    }), /* @__PURE__ */ s(H, {
+      onClick: x,
+      disabled: g || l === 0,
+      color: "inherit",
+      "aria-label": a("previous", l),
+      title: a("previous", l),
+      ...V ?? h,
+      children: i ? /* @__PURE__ */ s(w, {
+        ...o.nextButtonIcon
+      }) : /* @__PURE__ */ s(A, {
+        ...o.previousButtonIcon
+      })
+    }), /* @__PURE__ */ s(K, {
+      onClick: M,
+      disabled: g || (y !== -1 ? l >= Math.ceil(y / S) - 1 : !1),
+      color: "inherit",
+      "aria-label": a("next", l),
+      title: a("next", l),
+      ...J ?? j,
+      children: i ? /* @__PURE__ */ s(A, {
+        ...o.previousButtonIcon
+      }) : /* @__PURE__ */ s(w, {
+        ...o.nextButtonIcon
+      })
+    }), O && /* @__PURE__ */ s(_, {
+      onClick: E,
+      disabled: g || l >= Math.ceil(y / S) - 1,
+      "aria-label": a("last", l),
+      title: a("last", l),
+      ...Q,
+      children: i ? /* @__PURE__ */ s(v, {
+        ...o.firstButtonIcon
+      }) : /* @__PURE__ */ s(k, {
+        ...o.lastButtonIcon
+      })
+    })]
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop is an alias for `slotProps.previousButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.previousButton` instead.
+   */
+  backIconButtonProps: t.object,
+  /**
+   * @ignore
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * @ignore
+   */
+  count: t.number.isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current page.
+   * This is important for screen reader users.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
+   * @returns {string}
+   */
+  getItemAriaLabel: t.func.isRequired,
+  /**
+   * This prop is an alias for `slotProps.nextButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.nextButton` instead.
+   */
+  nextIconButtonProps: t.object,
+  /**
+   * @ignore
+   */
+  onPageChange: t.func.isRequired,
+  /**
+   * @ignore
+   */
+  page: t.number.isRequired,
+  /**
+   * @ignore
+   */
+  rowsPerPage: t.number.isRequired,
+  /**
+   * @ignore
+   */
+  showFirstButton: t.bool.isRequired,
+  /**
+   * @ignore
+   */
+  showLastButton: t.bool.isRequired,
+  /**
+   * @ignore
+   */
+  slotProps: t.shape({
+    firstButton: t.object,
+    firstButtonIcon: t.object,
+    lastButton: t.object,
+    lastButtonIcon: t.object,
+    nextButton: t.object,
+    nextButtonIcon: t.object,
+    previousButton: t.object,
+    previousButtonIcon: t.object
+  }),
+  /**
+   * @ignore
+   */
+  slots: t.shape({
+    firstButton: t.elementType,
+    firstButtonIcon: t.elementType,
+    lastButton: t.elementType,
+    lastButtonIcon: t.elementType,
+    nextButton: t.elementType,
+    nextButtonIcon: t.elementType,
+    previousButton: t.elementType,
+    previousButtonIcon: t.elementType
+  })
+});
+function jt(e) {
+  return nt("MuiTablePagination", e);
+}
+const L = ot("MuiTablePagination", ["root", "toolbar", "spacer", "selectLabel", "selectRoot", "select", "selectIcon", "input", "menuItem", "displayedRows", "actions"]);
+var tt;
+const Mt = P(X, {
+  name: "MuiTablePagination",
+  slot: "Root"
+})($(({
+  theme: e
+}) => ({
+  overflow: "auto",
+  color: (e.vars || e).palette.text.primary,
+  fontSize: e.typography.pxToRem(14),
+  // Increase the specificity to override TableCell.
+  "&:last-child": {
+    padding: 0
+  }
+}))), Ct = P(ht, {
+  name: "MuiTablePagination",
+  slot: "Toolbar",
+  overridesResolver: (e, n) => ({
+    [`& .${L.actions}`]: n.actions,
+    ...n.toolbar
+  })
+})($(({
+  theme: e
+}) => ({
+  minHeight: 52,
+  paddingRight: 2,
+  [`${e.breakpoints.up("xs")} and (orientation: landscape)`]: {
+    minHeight: 52
+  },
+  [e.breakpoints.up("sm")]: {
+    minHeight: 52,
+    paddingRight: 2
+  },
+  [`& .${L.actions}`]: {
+    flexShrink: 0,
+    marginLeft: 20
+  }
+}))), kt = P("div", {
+  name: "MuiTablePagination",
+  slot: "Spacer"
+})({
+  flex: "1 1 100%"
+}), At = P("p", {
+  name: "MuiTablePagination",
+  slot: "SelectLabel"
+})($(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  flexShrink: 0
+}))), Nt = P(yt, {
+  name: "MuiTablePagination",
+  slot: "Select",
+  overridesResolver: (e, n) => ({
+    [`& .${L.selectIcon}`]: n.selectIcon,
+    [`& .${L.select}`]: n.select,
+    ...n.input,
+    ...n.selectRoot
+  })
+})({
+  color: "inherit",
+  fontSize: "inherit",
+  flexShrink: 0,
+  marginRight: 32,
+  marginLeft: 8,
+  [`& .${L.select}`]: {
+    paddingLeft: 8,
+    paddingRight: 24,
+    textAlign: "right",
+    textAlignLast: "right"
+    // Align <select> on Chrome.
+  }
+}), qt = P(It, {
+  name: "MuiTablePagination",
+  slot: "MenuItem"
+})({}), $t = P("p", {
+  name: "MuiTablePagination",
+  slot: "DisplayedRows"
+})($(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  flexShrink: 0
+})));
+function Ft({
+  from: e,
+  to: n,
+  count: c
+}) {
+  return `${e}–${n} of ${c !== -1 ? c : `more than ${n}`}`;
+}
+function Dt(e) {
+  return `Go to ${e} page`;
+}
+const Ot = (e) => {
+  const {
+    classes: n
+  } = e;
+  return it({
+    root: ["root"],
+    toolbar: ["toolbar"],
+    spacer: ["spacer"],
+    selectLabel: ["selectLabel"],
+    select: ["select"],
+    input: ["input"],
+    selectIcon: ["selectIcon"],
+    menuItem: ["menuItem"],
+    displayedRows: ["displayedRows"],
+    actions: ["actions"]
+  }, jt, n);
+}, Ut = /* @__PURE__ */ et.forwardRef(function(n, c) {
+  const T = at({
+    props: n,
+    name: "MuiTablePagination"
+  }), {
+    ActionsComponent: h = rt,
+    backIconButtonProps: F,
+    colSpan: y,
+    component: g = X,
+    count: a,
+    disabled: j = !1,
+    getItemAriaLabel: R = Dt,
+    labelDisplayedRows: l = Ft,
+    labelRowsPerPage: S = "Rows per page:",
+    nextIconButtonProps: D,
+    onPageChange: O,
+    onRowsPerPageChange: m,
+    page: o,
+    rowsPerPage: B,
+    rowsPerPageOptions: i = [10, 25, 50, 100],
+    SelectProps: Y = {},
+    showFirstButton: U = !1,
+    showLastButton: z = !1,
+    slotProps: x = {},
+    slots: M = {},
+    ...E
+  } = T, p = T, r = Ot(p), u = x?.select ?? Y, C = u.native ? "option" : qt;
+  let v;
+  (g === X || g === "td") && (v = y || 1e3);
+  const k = Z(u.id), w = Z(u.labelId), A = () => a === -1 ? (o + 1) * B : B === -1 ? a : Math.min(a, (o + 1) * B), b = {
+    slots: M,
+    slotProps: x
+  }, [H, K] = I("root", {
+    ref: c,
+    className: r.root,
+    elementType: Mt,
+    externalForwardedProps: {
+      ...b,
+      component: g,
+      ...E
+    },
+    ownerState: p,
+    additionalProps: {
+      colSpan: v
+    }
+  }), [_, G] = I("toolbar", {
+    className: r.toolbar,
+    elementType: Ct,
+    externalForwardedProps: b,
+    ownerState: p
+  }), [V, J] = I("spacer", {
+    className: r.spacer,
+    elementType: kt,
+    externalForwardedProps: b,
+    ownerState: p
+  }), [Q, d] = I("selectLabel", {
+    className: r.selectLabel,
+    elementType: At,
+    externalForwardedProps: b,
+    ownerState: p,
+    additionalProps: {
+      id: w
+    }
+  }), [ct, ut] = I("select", {
+    className: r.select,
+    elementType: Nt,
+    externalForwardedProps: b,
+    ownerState: p
+  }), [pt, mt] = I("menuItem", {
+    className: r.menuItem,
+    elementType: C,
+    externalForwardedProps: b,
+    ownerState: p
+  }), [bt, dt] = I("displayedRows", {
+    className: r.displayedRows,
+    elementType: $t,
+    externalForwardedProps: b,
+    ownerState: p
+  });
+  return /* @__PURE__ */ s(H, {
+    ...K,
+    children: /* @__PURE__ */ st(_, {
+      ...G,
+      children: [/* @__PURE__ */ s(V, {
+        ...J
+      }), i.length > 1 && /* @__PURE__ */ s(Q, {
+        ...d,
+        children: S
+      }), i.length > 1 && /* @__PURE__ */ s(ct, {
+        variant: "standard",
+        ...!u.variant && {
+          input: tt || (tt = /* @__PURE__ */ s(Tt, {}))
+        },
+        value: B,
+        onChange: m,
+        id: k,
+        labelId: w,
+        ...u,
+        classes: {
+          ...u.classes,
+          // TODO v5 remove `classes.input`
+          root: q(r.input, r.selectRoot, (u.classes || {}).root),
+          select: q(r.select, (u.classes || {}).select),
+          // TODO v5 remove `selectIcon`
+          icon: q(r.selectIcon, (u.classes || {}).icon)
+        },
+        disabled: j,
+        ...ut,
+        children: i.map((f) => /* @__PURE__ */ ft(pt, {
+          ...mt,
+          key: f.label ? f.label : f,
+          value: f.value ? f.value : f
+        }, f.label ? f.label : f))
+      }), /* @__PURE__ */ s(bt, {
+        ...dt,
+        children: l({
+          from: a === 0 ? 0 : o * B + 1,
+          to: A(),
+          count: a === -1 ? -1 : a,
+          page: o
+        })
+      }), /* @__PURE__ */ s(h, {
+        className: r.actions,
+        backIconButtonProps: F,
+        count: a,
+        nextIconButtonProps: D,
+        onPageChange: O,
+        page: o,
+        rowsPerPage: B,
+        showFirstButton: U,
+        showLastButton: z,
+        slotProps: x.actions,
+        slots: M.actions,
+        getItemAriaLabel: R,
+        disabled: j
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (Ut.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The component used for displaying the actions.
+   * Either a string to use a HTML element or a component.
+   * @default TablePaginationActions
+   */
+  ActionsComponent: t.elementType,
+  /**
+   * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
+   *
+   * This prop is an alias for `slotProps.actions.previousButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.actions.previousButton` instead.
+   */
+  backIconButtonProps: t.object,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  colSpan: t.number,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * The total number of rows.
+   *
+   * To enable server side pagination for an unknown number of items, provide -1.
+   */
+  count: W.isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current page.
+   * This is important for screen reader users.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
+   * @returns {string}
+   * @default function defaultGetAriaLabel(type) {
+   *   return `Go to ${type} page`;
+   * }
+   */
+  getItemAriaLabel: t.func,
+  /**
+   * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
+   * object.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default function defaultLabelDisplayedRows({ from, to, count }) {
+   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   * }
+   */
+  labelDisplayedRows: t.func,
+  /**
+   * Customize the rows per page label.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'Rows per page:'
+   */
+  labelRowsPerPage: t.node,
+  /**
+   * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
+   *
+   * This prop is an alias for `slotProps.actions.nextButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.actions.nextButton` instead.
+   */
+  nextIconButtonProps: t.object,
+  /**
+   * Callback fired when the page is changed.
+   *
+   * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
+   * @param {number} page The page selected.
+   */
+  onPageChange: t.func.isRequired,
+  /**
+   * Callback fired when the number of rows per page is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   */
+  onRowsPerPageChange: t.func,
+  /**
+   * The zero-based index of the current page.
+   */
+  page: Rt(W.isRequired, (e) => {
+    const {
+      count: n,
+      page: c,
+      rowsPerPage: T
+    } = e;
+    if (n === -1)
+      return null;
+    const h = Math.max(0, Math.ceil(n / T) - 1);
+    return c < 0 || c > h ? new Error(`MUI: The page prop of a TablePagination is out of range (0 to ${h}, but page is ${c}).`) : null;
+  }),
+  /**
+   * The number of rows per page.
+   *
+   * Set -1 to display all the rows.
+   */
+  rowsPerPage: W.isRequired,
+  /**
+   * Customizes the options of the rows per page select field. If less than two options are
+   * available, no select field will be displayed.
+   * Use -1 for the value with a custom label to show all the rows.
+   * @default [10, 25, 50, 100]
+   */
+  rowsPerPageOptions: t.arrayOf(t.oneOfType([t.number, t.shape({
+    label: t.string.isRequired,
+    value: t.number.isRequired
+  })]).isRequired),
+  /**
+   * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
+   *
+   * This prop is an alias for `slotProps.select` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.select` instead.
+   *
+   * @default {}
+   */
+  SelectProps: t.object,
+  /**
+   * If `true`, show the first-page button.
+   * @default false
+   */
+  showFirstButton: t.bool,
+  /**
+   * If `true`, show the last-page button.
+   * @default false
+   */
+  showLastButton: t.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: t.shape({
+    actions: t.shape({
+      firstButton: t.object,
+      firstButtonIcon: t.object,
+      lastButton: t.object,
+      lastButtonIcon: t.object,
+      nextButton: t.object,
+      nextButtonIcon: t.object,
+      previousButton: t.object,
+      previousButtonIcon: t.object
+    }),
+    displayedRows: t.oneOfType([t.func, t.object]),
+    menuItem: t.oneOfType([t.func, t.object]),
+    root: t.oneOfType([t.func, t.object]),
+    select: t.object,
+    selectLabel: t.oneOfType([t.func, t.object]),
+    spacer: t.oneOfType([t.func, t.object]),
+    toolbar: t.oneOfType([t.func, t.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: t.shape({
+    actions: t.shape({
+      firstButton: t.elementType,
+      firstButtonIcon: t.elementType,
+      lastButton: t.elementType,
+      lastButtonIcon: t.elementType,
+      nextButton: t.elementType,
+      nextButtonIcon: t.elementType,
+      previousButton: t.elementType,
+      previousButtonIcon: t.elementType
+    }),
+    displayedRows: t.elementType,
+    menuItem: t.elementType,
+    root: t.elementType,
+    select: t.elementType,
+    selectLabel: t.elementType,
+    spacer: t.elementType,
+    toolbar: 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])
+});
+export {
+  Ut as T,
+  jt as g,
+  L as t
+};