@max-ts/components 0.3.10 → 0.4.0

package/lib/components/DataGrid/NoData/NoData.mjs

@@ -1,29 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.mjs";
-import { useContext as s } from "react";
-import { Button as n } from "../../Button/Button.mjs";
-import { ConfigContext as a } from "../../ConfigProvider/ConfigProvider.mjs";
-import "../../Placeholder/Image/Image.mjs";
-import { Placeholder as p } from "../../Placeholder/Placeholder.mjs";
-const j = ({
-  title: r = "Нет данных",
-  imgAlt: m = r,
-  action: o,
-  size: e = "small"
-}) => {
-  const {
-    imagesMap: { noDataImgSrc: i }
-  } = s(a);
-  return /* @__PURE__ */ t.jsx(
-    p,
-    {
-      title: r,
-      imgSrc: i,
-      size: e,
-      Actions: o ? /* @__PURE__ */ t.jsx(n, { onClick: o.onClick, "aria-label": o.text, children: o.text }) : void 0,
-      imgAlt: m
-    }
-  );
-};
-export {
-  j as NoData
-};

package/lib/components/DataGrid/Row/Row.mjs

@@ -1,67 +0,0 @@
-import { j as o } from "../../../_virtual/jsx-runtime.mjs";
-import { useCallback as D } from "react";
-import { Checkbox as P } from "../../Checkbox/Checkbox.mjs";
-import { Tooltip as S } from "../../Tooltip/Tooltip.mjs";
-import { Cell as v } from "../Cell/Cell.mjs";
-import { DISABLE_ROW_ATTR as A } from "./constants.mjs";
-import { Wrapper as $, ContentWrapper as y, CheckboxCell as L } from "./styles.mjs";
-import { useLogic as T } from "./useLogic/useLogic.mjs";
-import { checkIsDisabled as W } from "./utils/checkIsDisabled/checkIsDisabled.mjs";
-const Q = (s) => {
-  const { rowId: m, checkboxProps: a, rowProps: p, tooltipProps: d, disabled: r } = T(s), {
-    className: u,
-    row: C,
-    options: f,
-    isSelectable: i,
-    gridColumns: n,
-    columns: e,
-    emptyCellValue: b,
-    selectedRows: B,
-    activeRowId: E,
-    keyId: N,
-    onSelectRow: _,
-    onRowClick: F,
-    // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
-    // Необходимы для NewDataGridInfinite
-    ...x
-  } = s, { isDisabledLastCell: w = !0, isNotSelectable: c } = f || {}, h = () => !i || c ? null : i && !c && /* @__PURE__ */ o.jsx(
-    L,
-    {
-      inert: r ? !0 : void 0,
-      onClick: (t) => t.stopPropagation(),
-      children: /* @__PURE__ */ o.jsx(P, { ...a })
-    }
-  ), j = D(() => {
-    const t = w ? void 0 : [e.length - 1];
-    return e?.map((k, l) => {
-      const R = `${m}-${l}`, I = W(
-        r,
-        t,
-        l
-      ), g = !l;
-      return /* @__PURE__ */ o.jsx(
-        v,
-        {
-          row: C,
-          cell: k,
-          emptyCellValue: b,
-          startAdornment: g && h(),
-          isDisabled: I
-        },
-        R
-      );
-    });
-  }, [e, r]);
-  return /* @__PURE__ */ o.jsx($, { $gridColumns: n, className: u, ...x, children: /* @__PURE__ */ o.jsx(S, { followCursor: !0, arrow: !1, ...d, children: /* @__PURE__ */ o.jsx(
-    y,
-    {
-      $gridColumns: n,
-      [A]: r,
-      ...p,
-      children: j()
-    }
-  ) }) });
-};
-export {
-  Q as Row
-};

package/lib/components/DataGrid/Row/constants.mjs

@@ -1,4 +0,0 @@
-const a = "data-row-disable";
-export {
-  a as DISABLE_ROW_ATTR
-};

package/lib/components/DataGrid/Row/styles.mjs

@@ -1,38 +0,0 @@
-import { ROOT_ACTION_CELL_WIDTH as e } from "../constants.mjs";
-import "../../../_virtual/jsx-runtime.mjs";
-import "../../Button/styles.mjs";
-import "react";
-import o from "../../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-const s = o("li")`
-  position: relative;
-  &:not(:last-of-type)::before,
-`, c = o("div")`
-  position: relative;
-
-  display: grid;
-  grid-template-columns: ${({ $gridColumns: t }) => t};
-
-  background-color: ${({ theme: t, $isSelected: r }) => r ? t.palette.primary[100] : "transparent"};
-
-  transition: ${({ theme: t }) => t.transitions.create(["background-color"], {
-  duration: t.transitions.duration.short
-})};
-
-  &:hover {
-    cursor: ${({ $isHovered: t }) => t ? "pointer" : "default"};
-
-    background-color: ${({ theme: t, $isHovered: r }) => r ? t.palette.background.elementHover : "transparent"};
-  }
-`, d = o("div")`
-  display: flex;
-  align-items: center;
-  align-self: center;
-  justify-content: center;
-
-  width: ${e}px;
-`;
-export {
-  d as CheckboxCell,
-  c as ContentWrapper,
-  s as Wrapper
-};

package/lib/components/DataGrid/Row/useLogic/useLogic.mjs

@@ -1,48 +0,0 @@
-import { useState as g } from "react";
-import { DISABLE_ROW_ATTR as a } from "../constants.mjs";
-const R = ({
-  keyId: i,
-  columns: d,
-  row: t,
-  activeRowId: c,
-  options: r,
-  isSelectable: p,
-  selectedRows: b,
-  onSelectRow: u,
-  onRowClick: n
-}) => {
-  const [h, l] = g(!1), s = t[i], { isDisabled: e, disabledReason: C } = r || {}, f = p && !!b?.find((o) => o[i] === s);
-  return {
-    rowId: s,
-    disabled: e,
-    columns: d,
-    rowProps: {
-      $isHovered: !!(!e && n),
-      $isSelected: c === s,
-      onClick: () => {
-        e || n?.(t);
-      },
-      onMouseMove: (o) => {
-        if (!e)
-          return;
-        o.target.getAttribute(a) === "true" || l(!1);
-      }
-    },
-    tooltipProps: {
-      open: h,
-      title: C,
-      onOpen: (o) => {
-        o.target.getAttribute(a) === "true" && l(!0);
-      },
-      onClose: () => l(!1)
-    },
-    checkboxProps: {
-      checked: f,
-      disabled: e,
-      onChange: u(t)
-    }
-  };
-};
-export {
-  R as useLogic
-};

package/lib/components/DataGrid/Row/utils/checkIsDisabled/checkIsDisabled.mjs

@@ -1,4 +0,0 @@
-const u = (e, r, t) => e ? r ? !r.includes(t) : !0 : !1;
-export {
-  u as checkIsDisabled
-};

package/lib/components/DataGrid/constants.mjs

@@ -1,6 +0,0 @@
-const _ = 44, I = 32, O = 10;
-export {
-  O as MIN_DISPLAY_ROWS_BY_DEFAULT,
-  _ as MIN_ROW_HEIGHT,
-  I as ROOT_ACTION_CELL_WIDTH
-};

package/lib/components/DataGrid/enums.mjs

@@ -1,4 +0,0 @@
-var c = /* @__PURE__ */ ((r) => (r.ASC = "asc", r.DESC = "desc", r))(c || {});
-export {
-  c as SortStates
-};

package/lib/components/DataGrid/styles.mjs

@@ -1,33 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import i from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-const l = i("div", {
-  shouldForwardProp: (e) => e !== "$maxHeight"
-})`
-  position: relative;
-
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-
-  width: 100%;
-  height: 100%;
-  max-height: ${({ $maxHeight: e }) => e ? `${e}px` : "initial"};
-`, o = i("div")`
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-
-  height: 100%;
-`, a = i(o)`
-  pointer-events: none;
-
-  background: ${({ theme: e }) => e.palette.background.element};
-  mix-blend-mode: luminosity;
-`;
-export {
-  l as Container,
-  o as DataGridWrapper,
-  a as DisabledDataGridWrapper
-};

package/lib/components/DataGrid/useLogic/useLogic.mjs

@@ -1,75 +0,0 @@
-import { useRef as A, useEffect as G, useMemo as N, useCallback as h } from "react";
-import { a as T } from "../../../node_modules/.pnpm/remeda@2.21.0/node_modules/remeda/dist/chunk-IXASGXCR.mjs";
-import { a as x } from "../../../node_modules/.pnpm/remeda@2.21.0/node_modules/remeda/dist/chunk-G5B2IDWB.mjs";
-import { getGridTemplateColumns as E } from "./utils/getGridTemplateColumns/getGridTemplateColumns.mjs";
-const z = ({
-  keyId: r,
-  columns: s,
-  rows: e = [],
-  selectedRows: i = [],
-  isLoading: o,
-  isDisabled: u,
-  onSelectRow: n
-}) => {
-  const b = !!e?.length, c = !!n, g = o || u, f = e.filter(
-    (t) => !(t.options?.isDisabled || t.options?.isNotSelectable)
-  ), p = A([]);
-  G(() => {
-    o || (p.current = e);
-  }, [e, o]);
-  const m = E(s), C = N(() => f.filter(
-    (t) => !i.find((a) => a[r] === t[r])
-  ).length, [f, i, r]), D = h(() => e.length <= 1 ? s.map((t) => ({ ...t, sortable: !1 })) : s, [s, e]), d = o ? p.current : e, v = (t) => {
-    if (!n)
-      return;
-    if (t.target.checked) {
-      const l = T(
-        [...i, ...f],
-        x(r)
-      );
-      return n(l);
-    }
-    const a = i.filter(
-      (l) => !e.find((P) => P[r] === l[r])
-    );
-    n(a);
-  }, B = h(
-    (t) => (a) => {
-      if (n) {
-        if (a.target.checked)
-          return n([...i, t]);
-        n(
-          i.filter(
-            (l) => l[r] !== t[r]
-          )
-        );
-      }
-    },
-    [i, n, r]
-  );
-  return {
-    isDataGridDisabled: g,
-    renderRows: d,
-    headProps: {
-      rowsCount: f.length,
-      uncheckedRowsCount: C,
-      gridColumns: m,
-      isSelectable: c,
-      columns: D(),
-      onSelectAllRows: v
-    },
-    bodyProps: {
-      gridColumns: m,
-      isSelectable: c,
-      onSelectRow: B
-    },
-    loaderProps: {
-      isLoading: b && o,
-      isVisibleDivider: !!e.length,
-      isDisabled: u
-    }
-  };
-};
-export {
-  z as useLogic
-};

package/lib/components/DataGrid/useLogic/utils/getGridTemplateColumns/getGridTemplateColumns.mjs

@@ -1,4 +0,0 @@
-const t = (r) => r.map(({ width: n }) => typeof n == "number" ? `${n}px` : n || "1fr").join(" ");
-export {
-  t as getGridTemplateColumns
-};

package/lib/components/DataGrid/utils/alignToJustifyContent/alignToJustifyContent.mjs

@@ -1,5 +0,0 @@
-import { DEFAULT_JUSTIFY_CONTENT as t, ALIGN_TO_JUSTIFY_CONTENT_MAP as r } from "./constants.mjs";
-const _ = (T) => T ? r[T] || t : t;
-export {
-  _ as alignToJustifyContent
-};

package/lib/components/DataGrid/utils/alignToJustifyContent/constants.mjs

@@ -1,9 +0,0 @@
-const t = "start", T = {
-  left: "start",
-  center: "center",
-  right: "end"
-};
-export {
-  T as ALIGN_TO_JUSTIFY_CONTENT_MAP,
-  t as DEFAULT_JUSTIFY_CONTENT
-};

package/lib/components/DataGridActionCell/DataGridActionCell.mjs

@@ -1,35 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { MainAction as m } from "./MainAction/MainAction.mjs";
-import { SecondaryActions as p } from "./SecondaryAction/SecondaryAction.mjs";
-import { Wrapper as A } from "./styles.mjs";
-import { useLogic as d } from "./useLogic/useLogic.mjs";
-const e = {
-  mainAction: "top",
-  secondaryAction: "left"
-}, u = (i) => {
-  const { isDisabledAction: n, handleWrapperClick: s, handleActionClick: t } = d(i), { actions: a } = i, { main: l, secondary: c } = a;
-  return /* @__PURE__ */ o.jsxs(A, { onClick: s, children: [
-    l.map((r) => /* @__PURE__ */ o.jsx(
-      m,
-      {
-        action: r,
-        onActionClick: t,
-        isDisabled: n,
-        tooltipPlacement: e.mainAction
-      },
-      r.name
-    )),
-    c && /* @__PURE__ */ o.jsx(
-      p,
-      {
-        actions: c,
-        onActionClick: t,
-        tooltipPlacement: e.secondaryAction,
-        isDisabled: n
-      }
-    )
-  ] });
-};
-export {
-  u as DataGridActionCell
-};

package/lib/components/DataGridActionCell/MainAction/MainAction.mjs

@@ -1,57 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.mjs";
-import { createElement as l } from "react";
-import { IconDropdownButton as u } from "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as x } from "../../MenuItem/MenuItem.mjs";
-import { Tooltip as j } from "../../Tooltip/Tooltip.mjs";
-import { MainIconButton as h } from "./MainIconButton/MainIconButton.mjs";
-const C = ({
-  action: o,
-  onActionClick: r,
-  isDisabled: n,
-  tooltipPlacement: i
-}) => {
-  if ("actions" in o) {
-    const { disabled: e, icon: p, name: m, disabledReason: s, actions: c } = o;
-    return /* @__PURE__ */ t.jsx(
-      j,
-      {
-        title: s || m,
-        withoutContainer: !e,
-        placement: i,
-        children: /* @__PURE__ */ t.jsx(
-          u,
-          {
-            icon: p,
-            variant: "text",
-            disabled: n || e,
-            children: c.map(
-              // @ts-ignore
-              ({ name: a, onClick: d, ...f }) => /* @__PURE__ */ l(
-                x,
-                {
-                  ...f,
-                  key: a,
-                  onClick: r(d)
-                },
-                a
-              )
-            )
-          }
-        )
-      },
-      m
-    );
-  }
-  return /* @__PURE__ */ t.jsx(
-    h,
-    {
-      action: o,
-      onActionClick: r,
-      isDisabled: n,
-      tooltipPlacement: i
-    }
-  );
-};
-export {
-  C as MainAction
-};

package/lib/components/DataGridActionCell/MainAction/MainIconButton/MainIconButton.mjs

@@ -1,54 +0,0 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.mjs";
-import { ConfirmAction as g } from "../../../ConfirmAction/ConfirmAction.mjs";
-import { IconButton as B } from "../../../IconButton/IconButton.mjs";
-import { Tooltip as b } from "../../../Tooltip/Tooltip.mjs";
-import { useLogic as h } from "./useLogic/useLogic.mjs";
-const D = (t) => {
-  const { tooltipProps: s } = h(t), { action: m, onActionClick: i, isDisabled: a, tooltipPlacement: l } = t, {
-    name: d,
-    icon: p,
-    needConfirm: f,
-    confirmText: x,
-    confirmButtonProps: u,
-    disabledReason: k,
-    disabled: e,
-    loading: C,
-    isBlockingOperation: P,
-    loadingNote: A,
-    onClick: r,
-    ...j
-  } = m, c = (n) => /* @__PURE__ */ o.jsx(
-    b,
-    {
-      withoutContainer: !e,
-      placement: l,
-      ...s,
-      children: /* @__PURE__ */ o.jsx(
-        B,
-        {
-          disabled: a || e,
-          loading: C,
-          ...j,
-          variant: "text",
-          ...n,
-          children: p
-        }
-      )
-    },
-    d
-  );
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: f ? /* @__PURE__ */ o.jsx(
-    g,
-    {
-      text: x,
-      confirmButtonProps: u,
-      actionComponent: (n) => c(n),
-      onConfirm: i(r)
-    }
-  ) : c({
-    onClick: i(r)
-  }) });
-};
-export {
-  D as MainIconButton
-};

package/lib/components/DataGridActionCell/MainAction/MainIconButton/useLogic/useLogic.mjs

@@ -1,17 +0,0 @@
-import { useState as a, useEffect as c } from "react";
-const d = ({ action: t }) => {
-  const { loading: e, disabledReason: s, name: l } = t, [i, o] = a(!1), n = () => o(!0), p = () => o(!1);
-  return c(() => {
-    e && o(!1);
-  }, [e]), {
-    tooltipProps: {
-      title: s || l,
-      open: i,
-      onOpen: n,
-      onClose: p
-    }
-  };
-};
-export {
-  d as useLogic
-};

package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.mjs

@@ -1,34 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.mjs";
-import { createElement as c } from "react";
-import { IconDropdownButton as p } from "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as a } from "../../MenuItem/MenuItem.mjs";
-import l from "../../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.mjs";
-const k = ({
-  actions: e,
-  onActionClick: n,
-  tooltipPlacement: i,
-  isDisabled: m
-}) => /* @__PURE__ */ t.jsx(
-  p,
-  {
-    icon: /* @__PURE__ */ t.jsx(l, {}),
-    variant: "text",
-    disabled: m,
-    children: e.map((o) => {
-      const { onClick: s, name: r } = o;
-      return /* @__PURE__ */ c(
-        a,
-        {
-          ...o,
-          key: r,
-          tooltipPlacement: i,
-          onClick: n(s)
-        },
-        r
-      );
-    })
-  }
-);
-export {
-  k as SecondaryActions
-};

package/lib/components/DataGridActionCell/styles.mjs

@@ -1,11 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import i from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-const o = i("div")`
-  display: inline-flex;
-  align-items: center;
-`;
-export {
-  o as Wrapper
-};

package/lib/components/DataGridActionCell/useLogic/useLogic.mjs

@@ -1,20 +0,0 @@
-import { useCallback as e } from "react";
-const d = ({
-  row: o,
-  actions: i
-}) => {
-  const { main: c, secondary: t } = i, a = !![...c, ...t || []].find(
-    (n) => n.isBlockingOperation && n.loading
-  ), l = e(
-    (n) => () => {
-      n?.(o);
-    },
-    [o]
-  );
-  return { isDisabledAction: a, handleActionClick: l, handleWrapperClick: (n) => {
-    n.stopPropagation();
-  } };
-};
-export {
-  d as useLogic
-};

package/lib/components/DataGridPagination/DataGridPagination.mjs

@@ -1,57 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { MenuItem as h } from "../MenuItem/MenuItem.mjs";
-import { Pagination as f } from "../Pagination/Pagination.mjs";
-import { Select as x } from "../Select/Select.mjs";
-import { Typography as j } from "../Typography/Typography.mjs";
-import { DEFAULT_ROWS_PER_PAGE as R, DEFAULT_ROWS_PER_PAGE_OPTION as C } from "./constants.mjs";
-import { PaginationWrapper as E, RangeWrapper as _, Range as O } from "./styles.mjs";
-import { useLogic as S } from "./useLogic/useLogic.mjs";
-const D = (a) => {
-  const {
-    isVisiblePagination: o,
-    pageCount: t,
-    formattedRange: i,
-    handleChangeRowsPerPage: s
-  } = S(a), {
-    page: m,
-    totalCount: l,
-    className: g,
-    rowsPerPage: P = R,
-    rowsPerPageOptions: p = C,
-    isForceCounter: c,
-    disabled: n,
-    onSetCountPerPage: u,
-    ...d
-  } = a;
-  return !o && !c || !l ? null : /* @__PURE__ */ r.jsxs(E, { className: g, children: [
-    /* @__PURE__ */ r.jsxs(_, { children: [
-      u && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(j, { variant: "body1", children: "Строк на странице:" }),
-        /* @__PURE__ */ r.jsx(
-          x,
-          {
-            size: "small",
-            value: P,
-            disabled: n,
-            isShowClearButton: !1,
-            onChange: s,
-            children: p.map((e) => /* @__PURE__ */ r.jsx(h, { value: e, children: e }, e))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r.jsx(O, { variant: "h6", children: i() })
-    ] }),
-    o && /* @__PURE__ */ r.jsx(
-      f,
-      {
-        disabled: n,
-        count: t,
-        page: m,
-        ...d
-      }
-    )
-  ] });
-};
-export {
-  D as DataGridPagination
-};

package/lib/components/DataGridPagination/constants.mjs

@@ -1,5 +0,0 @@
-const _ = 20, E = [20, 50, 100];
-export {
-  _ as DEFAULT_ROWS_PER_PAGE,
-  E as DEFAULT_ROWS_PER_PAGE_OPTION
-};

package/lib/components/DataGridPagination/styles.mjs

@@ -1,29 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { Typography as o } from "../Typography/Typography.mjs";
-import e from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-import i from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/FormControl/formControlClasses.mjs";
-const l = e("div")`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  height: 48px;
-  padding-top: ${({ theme: t }) => t.spacing(4)};
-`, m = e(o)`
-  color: ${({ theme: t }) => t.palette.grey[700]};
-`, c = e("div")`
-  display: flex;
-  gap: ${({ theme: t }) => t.spacing(3)};
-  align-items: center;
-
-  .${i.root} {
-    flex-direction: unset;
-  }
-`;
-export {
-  l as PaginationWrapper,
-  m as Range,
-  c as RangeWrapper
-};