@max-ts/components 0.1.0 → 0.2.0

package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../_virtual/jsx-runtime.cjs"),s=require("react"),l=require("lucide-react"),a=require("../../IconDropdownButton/IconDropdownButton.cjs"),d=require("../../MenuItem/MenuItem.cjs"),m=({actions:t,onActionClick:i,tooltipPlacement:o,isDisabled:c})=>n.j.jsx(a.IconDropdownButton,{icon:n.j.jsx(l.EllipsisVertical,{}),variant:"text",disabled:c,children:t.map(e=>{const{onClick:u,name:r}=e;return s.createElement(d.MenuItem,{...e,key:r,tooltipPlacement:o,onClick:i(u)},r)})});exports.SecondaryActions=m;

package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.d.ts

@@ -0,0 +1,22 @@
+import { TooltipProps } from '../../Tooltip';
+import { ActionCellHandler, SecondaryActionKind } from '../types';
+type SecondaryActionProps<TAction> = {
+    /**
+     *  Вторичные действия
+     */
+    actions: SecondaryActionKind<TAction>[];
+    /**
+     *  Обработчик нажатия на действие
+     */
+    onActionClick: ActionCellHandler<TAction>;
+    /**
+     *  Если true, action не доступен
+     */
+    isDisabled?: boolean;
+    /**
+     *  Положение тултипа
+     */
+    tooltipPlacement?: TooltipProps['placement'];
+};
+export declare const SecondaryActions: <TAction>({ actions, onActionClick, tooltipPlacement, isDisabled, }: SecondaryActionProps<TAction>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/lib/components/DataGridActionCell/styles.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),r=e.styled("div")`
+  display: inline-flex;
+  align-items: center;
+`;exports.Wrapper=r;

package/lib/components/DataGridActionCell/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridActionCell/styles.mjs

@@ -0,0 +1,8 @@
+import { styled as e } from "@mui/material";
+const r = e("div")`
+  display: inline-flex;
+  align-items: center;
+`;
+export {
+  r as Wrapper
+};

package/lib/components/DataGridActionCell/types.d.ts

@@ -0,0 +1,98 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { ConfirmActionProps } from '../ConfirmAction';
+import { IconButtonProps } from '../IconButton';
+import { MenuItemProps } from '../MenuItem';
+export type NestedAction<TAction> = MenuItemProps & {
+    /**
+     * Название действия
+     */
+    name: string;
+    /**
+     * Обработчик действия
+     */
+    onClick?: (row: TAction) => void;
+};
+export type SingleAction<TAction> = {
+    /**
+     * Название действия
+     */
+    name: string;
+    /**
+     * Иконка действия
+     */
+    icon?: ReactNode;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested?: false;
+    /**
+     * Если `true`, при клике на кнопку будет вызываться подтверждение действия
+     */
+    needConfirm?: boolean;
+    /**
+     * Поясняющий текст для подтверждения действия
+     */
+    confirmText?: ConfirmActionProps['text'];
+    /**
+     * Параметры кнопки подтверждения действия
+     */
+    confirmButtonProps?: ConfirmActionProps['confirmButtonProps'];
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+    /**
+     * Причина блокировки действия
+     */
+    disabledReason?: string;
+    /**
+     * Причина блокировки строки во время загрузки
+     */
+    loadingNote?: string;
+    /**
+     * Обработчик действия
+     */
+    onClick?: (row: TAction) => void;
+};
+export type MultipleAction<TAction> = MenuItemProps & {
+    /**
+     * Иконка действия
+     */
+    icon: ReactNode;
+    /**
+     * Список действий для выпадающего списка
+     */
+    actions: Array<NestedAction<TAction>>;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested: true;
+    /**
+     * Название действия
+     */
+    name: string;
+    /**
+     * Причина блокировки строки во время загрузки
+     */
+    loadingNote?: string;
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+    /**
+     * Если true, происходит загрузка
+     */
+    loading?: boolean;
+};
+export type ActionCellHandler<TAction> = (onClick: SingleAction<TAction>['onClick'] | NestedAction<TAction>['onClick']) => MouseEventHandler<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement> | undefined;
+export type MainActionKind<TAction> = (IconButtonProps<'button'> & SingleAction<TAction>) | MultipleAction<TAction>;
+export type SecondaryActionKind<TAction> = MenuItemProps & SingleAction<TAction> & {
+    /**
+     * Причина блокировки действия
+     */
+    disabledReason?: string;
+    /**
+     * Если true, происходит загрузка
+     */
+    loading?: boolean;
+};

package/lib/components/DataGridActionCell/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");require("../../../_virtual/jsx-runtime.cjs"),require("../../ConfigProvider/ConfigProvider.cjs"),require("clsx"),require("../../Button/styles.cjs"),require("@mui/material"),require("../../ErrorBoundary/ErrorBoundary.cjs"),require("../../Placeholder/Image/Image.cjs"),require("../../Placeholder/styles.cjs"),require("../../Typography/styles.cjs"),require("../../ContentState/styles.cjs"),require("../../Checkbox/Checkbox.cjs"),require("../../Tooltip/styles.cjs"),require("../../DataGrid/Row/NestedChildren/NestedChildren.cjs"),require("../../DataGrid/Row/styles.cjs"),require("../../DataGrid/DataGridContext/DataGridContext.cjs");const l=require("../../DataGrid/Row/RowContext/RowContext.cjs");require("../../DataGrid/Body/styles.cjs"),require("lucide-react"),require("../../DataGrid/HeadCell/styles.cjs"),require("../../DataGrid/Head/styles.cjs"),require("../../DataGrid/Loader/styles.cjs"),require("../../DataGrid/styles.cjs"),require("remeda");const d=({row:o,actions:u})=>{const{main:n,secondary:t}=u,{addDisabledRow:q,removeDisabledRow:c}=i.useContext(l.RowContext),r=[...n,...t||[]].find(e=>e.isBlockingOperation&&e.loading),s=!!r;i.useEffect(()=>{if(r)return q(r?.loadingNote);c()},[r]);const a=i.useCallback(e=>()=>{e?.(o)},[o]);return{isDisabledAction:s,handleActionClick:a,handleWrapperClick:e=>{e.stopPropagation()}}};exports.useLogic=d;

package/lib/components/DataGridActionCell/useLogic/useLogic.d.ts

@@ -0,0 +1,10 @@
+import { MouseEventHandler } from 'react';
+import { DataGridActionCellProps } from '../DataGridActionCell';
+import { NestedAction, SingleAction } from '../types';
+type UseLogicParams<TRowData> = DataGridActionCellProps<TRowData>;
+export declare const useLogic: <TRowData>({ row, actions, }: UseLogicParams<TRowData>) => {
+    isDisabledAction: boolean;
+    handleActionClick: (onClick: SingleAction<TRowData>["onClick"] | NestedAction<TRowData>["onClick"]) => () => void;
+    handleWrapperClick: MouseEventHandler<HTMLDivElement>;
+};
+export {};

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

@@ -0,0 +1,49 @@
+import { useContext as s, useEffect as l, useCallback as d } from "react";
+import "../../../_virtual/jsx-runtime.mjs";
+import "../../ConfigProvider/ConfigProvider.mjs";
+import "clsx";
+import "../../Button/styles.mjs";
+import "@mui/material";
+import "../../ErrorBoundary/ErrorBoundary.mjs";
+import "../../Placeholder/Image/Image.mjs";
+import "../../Placeholder/styles.mjs";
+import "../../Typography/styles.mjs";
+import "../../ContentState/styles.mjs";
+import "../../Checkbox/Checkbox.mjs";
+import "../../Tooltip/styles.mjs";
+import "../../DataGrid/Row/NestedChildren/NestedChildren.mjs";
+import "../../DataGrid/Row/styles.mjs";
+import "../../DataGrid/DataGridContext/DataGridContext.mjs";
+import { RowContext as f } from "../../DataGrid/Row/RowContext/RowContext.mjs";
+import "../../DataGrid/Body/styles.mjs";
+import "lucide-react";
+import "../../DataGrid/HeadCell/styles.mjs";
+import "../../DataGrid/Head/styles.mjs";
+import "../../DataGrid/Loader/styles.mjs";
+import "../../DataGrid/styles.mjs";
+import "remeda";
+const H = ({
+  row: i,
+  actions: r
+}) => {
+  const { main: p, secondary: m } = r, { addDisabledRow: n, removeDisabledRow: e } = s(f), t = [...p, ...m || []].find(
+    (o) => o.isBlockingOperation && o.loading
+  ), a = !!t;
+  l(() => {
+    if (t)
+      return n(t?.loadingNote);
+    e();
+  }, [t]);
+  const c = d(
+    (o) => () => {
+      o?.(i);
+    },
+    [i]
+  );
+  return { isDisabledAction: a, handleActionClick: c, handleWrapperClick: (o) => {
+    o.stopPropagation();
+  } };
+};
+export {
+  H as useLogic
+};

package/lib/components/DataGridOld/Body/Body.d.ts

@@ -0,0 +1,13 @@
+import { DataGridColumn } from '../types';
+export type BodyProps<TRow> = {
+    noDataText?: string;
+    noDataImgSrc?: string;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    columns: DataGridColumn<TRow>[];
+    rows: TRow[];
+    rowHeight: number;
+    keyId: keyof TRow;
+    onRowClick?: (row: TRow) => void;
+};
+export declare function Body<TRow>({ isEmpty, isLoading, noDataText, noDataImgSrc, columns, rows, rowHeight, keyId, onRowClick, }: BodyProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/Body/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledBody: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof import('react').ClassAttributes<HTMLUListElement> | keyof import('react').HTMLAttributes<HTMLUListElement>>, {}>;

package/lib/components/DataGridOld/Cell/Cell.d.ts

@@ -0,0 +1,7 @@
+import { DataGridColumn } from '../types';
+export type CellProps<TRow> = {
+    row: TRow;
+    column: DataGridColumn<TRow>;
+    rowIndex: number;
+};
+export declare function Cell<TRow>({ row, column, rowIndex }: CellProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/Cell/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $align?: "left" | "center" | "right" | "justify";
+    $disabled?: boolean;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGridOld/DataGridOld.d.ts

@@ -0,0 +1,20 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DataGridColumn } from './types';
+export type DataGridProps<TRow> = {
+    rows: TRow[];
+    columns: DataGridColumn<TRow>[];
+    className?: string;
+    height?: CSSProperties['height'];
+    noDataText?: string;
+    noDataImgSrc?: string;
+    rowHeight?: number;
+    keyId: keyof TRow;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isEmpty?: boolean;
+    onSelectRow?: (row: TRow[]) => void;
+    onRowClick?: (row: TRow) => void;
+    minDisplayRows?: number;
+    footer?: ReactNode;
+};
+export declare function DataGrid<TRow>({ rows, columns, height, className, noDataText, rowHeight, keyId, onRowClick, isLoading, isDisabled, isEmpty, noDataImgSrc, footer, }: DataGridProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/Head/Head.d.ts

@@ -0,0 +1,7 @@
+import { DataGridColumn } from '../types';
+type DataGridHeaderProps<TRow> = {
+    columns: DataGridColumn<TRow>[];
+    height: number;
+};
+export declare function Head<TRow>({ columns, height }: DataGridHeaderProps<TRow>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/DataGridOld/Head/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledHead: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $height: number;
+    $gridTemplateColumns: string;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;

package/lib/components/DataGridOld/HeadCell/HeadCell.d.ts

@@ -0,0 +1,5 @@
+import { DataGridColumn } from '../types';
+export type HeadCellProps<T> = {
+    column: DataGridColumn<T>;
+};
+export declare function HeadCell<TData>({ column }: HeadCellProps<TData>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/HeadCell/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledHeadCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $align?: "left" | "center" | "right" | "justify";
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGridOld/Row/Row.d.ts

@@ -0,0 +1,11 @@
+import { DataGridColumn } from '../types';
+type RowProps<TRow> = {
+    row: TRow;
+    columns: DataGridColumn<TRow>[];
+    rowIndex: number;
+    rowId: string;
+    rowHeight: number;
+    onRowClick?: (row: TRow) => void;
+};
+export declare function Row<TRow>({ row, rowHeight, onRowClick, columns, rowIndex, rowId, }: RowProps<TRow>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/DataGridOld/Row/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledRow: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $height: number;
+    $gridTemplateColumns: string;
+    $selectable: boolean;
+}, Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof import('react').ClassAttributes<HTMLLIElement> | keyof import('react').LiHTMLAttributes<HTMLLIElement>>, {}>;

package/lib/components/DataGridOld/State/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridOld/styles.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $height: CSSProperties["height"];
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $disabled?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridOld/types.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type DataGridColumn<TRow> = {
+    title: string;
+    key?: keyof TRow;
+    width?: number | string;
+    align?: 'left' | 'center' | 'right' | 'justify';
+    isDisabled?: boolean;
+    headComponent?: ReactNode;
+    component?: (row: TRow, index: number) => ReactNode;
+    getCellValue?: (row: TRow) => string | number | null | undefined;
+    cellClassName?: (row: TRow) => string;
+    cellColor?: (row: TRow) => string;
+};
+export type DataGridColumns<TRow> = DataGridColumn<TRow>[];
+export type AlignVariant = 'left' | 'center' | 'right' | 'justify';

package/lib/components/DataGridPagination/DataGridPagination.cjs

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

package/lib/components/DataGridPagination/DataGridPagination.d.ts

@@ -0,0 +1,25 @@
+import { PaginationProps } from '../Pagination';
+export type DataGridPaginationProps = Omit<PaginationProps, 'count'> & {
+    /**
+     * Количество всех записей
+     */
+    totalCount: number;
+    /**
+     * Текущая страница
+     */
+    page: number;
+    /**
+     * Максимальное количество записей на страницу
+     */
+    rowsPerPage?: number;
+    /**
+     * Конфигурация списка кол-ва элементов, отображаемых на одной странице
+     */
+    rowsPerPageOptions?: number[];
+    isForceCounter?: boolean;
+    /**
+     * Коллбэк для установки количества отображаемых элементов на странице
+     */
+    onSetCountPerPage?: (rowsPerPage: number) => void;
+};
+export declare const DataGridPagination: (props: DataGridPaginationProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/DataGridPagination/DataGridPagination.mjs

@@ -0,0 +1,57 @@
+import { j as e } 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__ */ e.jsxs(E, { className: g, children: [
+    /* @__PURE__ */ e.jsxs(_, { children: [
+      u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(j, { variant: "body1", children: "Строк на странице:" }),
+        /* @__PURE__ */ e.jsx(
+          x,
+          {
+            size: "small",
+            value: P,
+            disabled: n,
+            isShowClearButton: !1,
+            onChange: s,
+            children: p.map((r) => /* @__PURE__ */ e.jsx(h, { value: r, children: r }, r))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsx(O, { variant: "h6", children: i() })
+    ] }),
+    o && /* @__PURE__ */ e.jsx(
+      f,
+      {
+        disabled: n,
+        count: t,
+        page: m,
+        ...d
+      }
+    )
+  ] });
+};
+export {
+  D as DataGridPagination
+};

package/lib/components/DataGridPagination/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=20,E=[20,50,100];exports.DEFAULT_ROWS_PER_PAGE=_;exports.DEFAULT_ROWS_PER_PAGE_OPTION=E;

package/lib/components/DataGridPagination/constants.mjs

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

package/lib/components/DataGridPagination/faker.d.ts

@@ -0,0 +1,3 @@
+import { CellValue, DataGridRowOptions, DataGridRowWithOptions } from '../DataGrid';
+export declare const makeRandomDate: () => string;
+export declare const makeDataList: <TData extends Record<string, CellValue>>(dataObjTemplate: TData, options?: DataGridRowOptions<TData>) => DataGridRowWithOptions<TData>[];

package/lib/components/DataGridPagination/styles.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),a=require("../Typography/Typography.cjs"),n=t.styled("div")`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  height: 48px;
+  padding-top: ${({theme:e})=>e.spacing(4)};
+`,r=t.styled(a.Typography)`
+  color: ${({theme:e})=>e.palette.grey[700]};
+`,i=t.styled("div")`
+  display: flex;
+  gap: ${({theme:e})=>e.spacing(3)};
+  align-items: center;
+
+  .${t.formControlClasses.root} {
+    flex-direction: unset;
+  }
+`;exports.PaginationWrapper=n;exports.Range=r;exports.RangeWrapper=i;

package/lib/components/DataGridPagination/styles.d.ts

@@ -0,0 +1,16 @@
+export declare const PaginationWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Range: import('@emotion/styled').StyledComponent<{
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import('../Typography').TypographyColor;
+    variant?: import('../Typography').TypographyVariant;
+    colorIntensity?: import('../Typography').Intensity;
+    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const RangeWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridPagination/styles.mjs

@@ -0,0 +1,25 @@
+import { styled as t, formControlClasses as n } from "@mui/material";
+import { Typography as o } from "../Typography/Typography.mjs";
+const a = t("div")`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  height: 48px;
+  padding-top: ${({ theme: e }) => e.spacing(4)};
+`, r = t(o)`
+  color: ${({ theme: e }) => e.palette.grey[700]};
+`, s = t("div")`
+  display: flex;
+  gap: ${({ theme: e }) => e.spacing(3)};
+  align-items: center;
+
+  .${n.root} {
+    flex-direction: unset;
+  }
+`;
+export {
+  a as PaginationWrapper,
+  r as Range,
+  s as RangeWrapper
+};

package/lib/components/DataGridPagination/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("../constants.cjs"),f=({totalCount:n,rowsPerPage:t=d.DEFAULT_ROWS_PER_PAGE,page:s,onSetCountPerPage:c})=>{const i=a.useRef(0);a.useEffect(()=>{n&&(i.current=n)},[n]);const e=n||i.current,o=Math.ceil(e/t),u=(s-1)*t+1,g=()=>{const r=s*t;return r<e?r:e},l=()=>`${u} — ${g()} из ${e} записей`;return{isVisiblePagination:!(!c&&e<=t),pageCount:o,formattedRange:l,handleChangeRowsPerPage:r=>{c?.(Number(r.target.value))}}};exports.useLogic=f;

package/lib/components/DataGridPagination/useLogic/useLogic.d.ts

@@ -0,0 +1,10 @@
+import { SelectChangeEvent } from '@mui/material';
+import { DataGridPaginationProps } from '../DataGridPagination';
+type UseLogicParams = DataGridPaginationProps;
+export declare const useLogic: ({ totalCount, rowsPerPage, page, onSetCountPerPage, }: UseLogicParams) => {
+    isVisiblePagination: boolean;
+    pageCount: number;
+    formattedRange: () => string;
+    handleChangeRowsPerPage: (event: SelectChangeEvent<unknown>) => void;
+};
+export {};

package/lib/components/DataGridPagination/useLogic/useLogic.mjs

@@ -0,0 +1,28 @@
+import { useRef as g, useEffect as R } from "react";
+import { DEFAULT_ROWS_PER_PAGE as l } from "../constants.mjs";
+const p = ({
+  totalCount: e,
+  rowsPerPage: t = l,
+  page: c,
+  onSetCountPerPage: s
+}) => {
+  const a = g(0);
+  R(() => {
+    e && (a.current = e);
+  }, [e]);
+  const n = e || a.current, i = Math.ceil(n / t), o = (c - 1) * t + 1, u = () => {
+    const r = c * t;
+    return r < n ? r : n;
+  }, f = () => `${o} — ${u()} из ${n} записей`;
+  return {
+    isVisiblePagination: !(!s && n <= t),
+    pageCount: i,
+    formattedRange: f,
+    handleChangeRowsPerPage: (r) => {
+      s?.(Number(r.target.value));
+    }
+  };
+};
+export {
+  p as useLogic
+};

package/lib/components/Description/Description.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs");require("./DescriptionContext/DescriptionContext.cjs");const a=require("./DescriptionContext/DescriptionContextProvider/DescriptionContextProvider.cjs"),l=require("./Name/Name.cjs"),d=require("./Value/Value.cjs"),j=require("./constants.cjs"),p=require("./styles.cjs"),q=require("./useLogic/useLogic.cjs"),e=r=>{const{descriptionContextProviderProps:n,direction:t}=q.useLogic(r),{justifyContent:o="start",component:s="dl",children:c,leader:u=!1}=r;return i.j.jsx(a.DescriptionContextProvider,{leader:u,direction:t,...n,children:i.j.jsx(p.Wrapper,{$justifyContent:o,className:j.DESCRIPTION_ROOT_CLASSNAME,$direction:t,as:s,children:c})})};e.Name=l.Name;e.Value=d.Value;exports.Description=e;

package/lib/components/Description/Description.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+export type DescriptionProps = {
+    /**
+     * Элементы Description.Name и Description.Value
+     */
+    children: ReactNode;
+    /**
+     * Позиционирует элементы либо по разным краям, либо по левому краю
+     */
+    justifyContent?: 'space-between' | 'start';
+    /**
+     * Добавляет dashed разделитель, заполняющего свободное пространство между Name Value
+     */
+    leader?: boolean;
+    /**
+     * Определяет разделитель между Name Value
+     * @default ':'
+     */
+    separator?: string;
+    /**
+     * Определяет тип корневого HTML-элемента
+     */
+    component?: 'div' | 'dl';
+    /**
+     * Определяет перенос строк
+     * @default 'default'
+     */
+    direction?: 'default' | 'column' | 'row';
+};
+export declare const Description: {
+    (props: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+    Name: ({ children, color, ...props }: import('./Name').NameProps) => import("react/jsx-runtime").JSX.Element;
+    Value: (props: import('./Value').ValueProps) => import("react/jsx-runtime").JSX.Element;
+};