@armtek/data 0.1.0

package/dist/src/modules/table/ui/FilterBar/FilterForm/FilterFormInput.d.ts

@@ -0,0 +1,19 @@
+import { FilterType } from '../FilterBar';
+import { TableRowType2 } from '../../DataTable';
+import { TextFieldProps } from 'armtek-uikit-react/ui/Form/TextField';
+export interface StringFilterType<T extends TableRowType2> extends FilterType<T> {
+    type: 'string';
+    value?: string;
+    search?: boolean;
+    getDisplayValue?: (item: StringFilterType<any>, value: string) => string;
+    getValue?: (value: string) => any;
+    fieldProps?: TextFieldProps;
+}
+type PropsType = {
+    item: StringFilterType<any>;
+    onChange: (value: string, displayValue: string) => void;
+    value: string;
+    fieldProps?: TextFieldProps;
+};
+declare const FilterFormInput: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterFormInput;

package/dist/src/modules/table/ui/FilterBar/FilterForm/FilterFormInterval.d.ts

@@ -0,0 +1,19 @@
+import { FilterType } from '../FilterBar';
+import { TableRowType2 } from '../../DataTable';
+export interface IntervalFilterType<T extends TableRowType2> extends FilterType<T> {
+    type: 'interval';
+    min: number;
+    max: number;
+    value?: [number, number];
+    getDisplayValue?: (item: IntervalFilterType<any>, value: [number, number]) => string;
+    getValue?: (value: [number, number]) => any;
+}
+type PropsType = {
+    item: IntervalFilterType<any>;
+    onChange: (value: number | [number, number], displayValue: string) => void;
+    value: [number, number];
+    min: number;
+    max: number;
+};
+declare const FilterFormInterval: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterFormInterval;

package/dist/src/modules/table/ui/FilterBar/FilterForm/FilterFormPeriod.d.ts

@@ -0,0 +1,24 @@
+import { FilterType } from '../FilterBar';
+import { TableRowType2 } from '../../DataTable';
+type DatePeriodType = {
+    start: Date | null;
+    end: Date | null;
+};
+export interface PeriodFilterType<T extends TableRowType2> extends FilterType<T> {
+    type: 'period';
+    variant?: 'date' | 'datetime';
+    value?: DatePeriodType | null;
+    getDisplayValue?: (item: PeriodFilterType<any>, date: DatePeriodType) => string;
+    getValue?: (value: DatePeriodType) => any;
+    endFormat?: string;
+    startFormat?: string;
+    getEnd?: (date: Date) => string;
+    getStart?: (date: Date) => string;
+}
+type PropsType = {
+    item: PeriodFilterType<any>;
+    onChange: (value: DatePeriodType, displayValue: string) => void;
+    value: any;
+};
+declare const FilterFormPeriod: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterFormPeriod;

package/dist/src/modules/table/ui/FilterBar/FilterForm/FilterFormSearch.d.ts

@@ -0,0 +1,21 @@
+import { FilterType } from '../FilterBar';
+import { TableRowType2 } from '../../DataTable';
+export interface SearchFilterType<T extends TableRowType2> extends FilterType<T> {
+    type: 'search';
+    value?: string;
+    getDisplayValue?: (item: SearchFilterType<any>, value: string) => string;
+    getValue?: (value: string) => any;
+    async: {
+        getData: () => Promise<any>;
+        endpoint: string | ((query: string) => string);
+        valueKey?: string;
+        labelKey?: string | ((item: any) => string);
+    };
+}
+type PropsType = {
+    item: SearchFilterType<any>;
+    onChange: (value: string, displayValue: string) => void;
+    value: string;
+};
+declare const FilterFormSearch: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterFormSearch;

package/dist/src/modules/table/ui/FilterBar/FilterForm/FilterFormSelect.d.ts

@@ -0,0 +1,31 @@
+import { FilterType } from '../FilterBar';
+import { TableRowType2 } from '../../DataTable';
+import { OptionType } from 'armtek-uikit-react/ui/Form/Select';
+export interface SelectFilterType<T extends TableRowType2> extends FilterType<T> {
+    type: 'select' | 'filter';
+    value?: string;
+    options: OptionType[];
+    getDisplayValue?: (item: SelectFilterType<any>, value: string | string[]) => string;
+    getValue?: (value: string) => any;
+    multiple?: boolean;
+    search?: boolean;
+    clear?: boolean;
+    async?: {
+        getData: () => Promise<any>;
+        valueKey?: string;
+        labelKey?: string;
+    };
+}
+type PropsType = {
+    item: SelectFilterType<any>;
+    onChange: (value: string | string[], displayValue: string) => void;
+    value: string | string[];
+    options: OptionType[];
+    type: SelectFilterType<any>['type'];
+    error?: string;
+    multiple?: boolean;
+    search?: boolean;
+    clear?: boolean;
+};
+declare const FilterFormContainer: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterFormContainer;

package/dist/src/modules/table/ui/FilterBar/FilterSearch/FilterSearch.d.ts

@@ -0,0 +1,7 @@
+type PropsType = {
+    onChange: (value: string) => void;
+    value: string;
+    delay?: number;
+};
+declare const FilterSearch: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterSearch;

package/dist/src/modules/table/ui/FilterBar/FilterSelector.d.ts

@@ -0,0 +1,7 @@
+import { FilterItemType } from './FilterBar';
+type PropsType = {
+    onSubmit: (item: FilterItemType<any>, value: any, displayValue: string) => void;
+    items: FilterItemType<any>[];
+};
+declare const FilterSelector: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterSelector;

package/dist/src/modules/table/ui/FilterBar/TableFilterBar.d.ts

@@ -0,0 +1,2 @@
+import { TableRowType2 } from '../DataTable';
+export declare function DataTableFilter<T extends TableRowType2>(): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/modules/table/ui/Menu/ContextMenu.d.ts

@@ -0,0 +1,9 @@
+import { ActionListItemType } from '../ActionList/ActionList';
+import { PopoverProps } from 'armtek-uikit-react/ui/Popover';
+import { ReactNode } from 'react';
+type PropsType = {
+    items?: ActionListItemType[];
+    children?: ReactNode;
+} & Omit<PopoverProps, 'children'>;
+declare const ContextMenu: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default ContextMenu;

package/dist/src/modules/table/ui/Menu/ContextMenuBtn.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, ReactNode } from 'react';
+import { ActionListItemType } from '../ActionList/ActionList';
+type Props = {
+    items: ActionListItemType[];
+    Button?: ComponentType<{
+        onClick: (e: any) => void;
+    }>;
+    children?: ReactNode;
+    disabled?: boolean;
+    'data-testid'?: string;
+};
+export declare const ContextMenuBtn: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/modules/table/ui/Table/Table.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+import { TableRowType2 } from '../DataTable';
+export type TableRowActionType<T extends TableRowType2> = {
+    icon?: string;
+    label: string;
+    onClick: (row: T) => void;
+};
+type TableContainerOwnProps<T extends TableRowType2> = {
+    emptyResult?: string | ReactNode;
+    getRowStyles?: (row: T) => {
+        [key: string]: any;
+    };
+    getIsRowActive?: (row: T) => boolean;
+    onRowClick?: (e: MouseEvent, row: T) => void;
+    onContextMenu?: (e: MouseEvent<HTMLTableRowElement>, row: T) => void;
+    rowClassName?: ((row: T) => string) | string;
+};
+export type TableContainerPropsType<T extends TableRowType2> = TableContainerOwnProps<T> & Omit<ComponentPropsWithoutRef<'table'>, keyof TableContainerOwnProps<T>>;
+declare function TableContainer<T extends TableRowType2>(props: TableContainerPropsType<T>): import("react/jsx-runtime").JSX.Element;
+export default TableContainer;

package/dist/src/modules/table/ui/Table/TableBody.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent, ReactNode } from 'react';
+import { TableRowType2 } from '../DataTable';
+type PropsType<T extends TableRowType2> = {
+    emptyResult?: string | ReactNode;
+    getRowStyles?: (row: T) => {
+        [key: string]: any;
+    };
+    getIsRowActive?: (row: T) => boolean;
+    onRowClick?: (e: MouseEvent, row: T) => void;
+    onContextMenu?: (e: MouseEvent<HTMLTableRowElement>, row: T) => void;
+    rowClassName?: ((row: T) => string) | string;
+};
+type EmptyPropsType = {
+    children: string | ReactNode;
+    cols?: number;
+};
+export declare const DataTableEmptyResult: (props: EmptyPropsType) => import("react/jsx-runtime").JSX.Element;
+declare function TableBdy<T extends TableRowType2>(props: PropsType<T>): import("react/jsx-runtime").JSX.Element;
+export default TableBdy;

package/dist/src/modules/table/ui/Table/TableHead.d.ts

@@ -0,0 +1,20 @@
+import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
+import { DataTableColType, TableRowType2 } from '../DataTable';
+import { SortOrderType } from '../../model/types';
+type TableHeadType<T extends TableRowType2> = {
+    structure: DataTableColType<T>[];
+    sort?: keyof T;
+    order?: SortOrderType;
+    onSort?: (code: string) => void;
+    onSelect?: (e: ChangeEvent<HTMLInputElement>) => void;
+    displayIndex?: boolean;
+    displayActionCol?: boolean;
+    selected?: boolean;
+    indeterminate?: boolean;
+};
+export declare function THead<T extends TableRowType2>(props: TableHeadType<T> & Omit<ComponentPropsWithoutRef<'td'>, keyof TableHeadType<T>>): import("react/jsx-runtime").JSX.Element;
+type TableHeadPropsType<T extends TableRowType2> = {
+    getIsRowActive?: (row: T) => boolean;
+};
+declare function TableHead<T extends TableRowType2>(props: TableHeadPropsType<T>): import("react/jsx-runtime").JSX.Element;
+export default TableHead;

package/dist/src/modules/table/ui/TableActionBar/DataTableActionBar.d.ts

@@ -0,0 +1,6 @@
+import { TableRowType2 } from '../DataTable';
+export type DataTableActionType<T> = {
+    label: string;
+    onClick: (rows: TableRowType2<T>[]) => void;
+};
+export declare function DataTableActionBar(): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/modules/table/ui/TableActionBar/TableActionBar.d.ts

@@ -0,0 +1,11 @@
+import { TableRowType2 } from '../DataTable';
+export type TableActionBarActionType = {
+    label: string;
+};
+export type TableActionBarPropsType<T extends TableRowType2 = TableRowType2> = {
+    actions: TableActionBarActionType[];
+    selected: T[];
+    onSelect: (index: number) => void;
+};
+export declare function TableActionBar<T extends TableRowType2 = TableRowType2>(props: TableActionBarPropsType<T>): import("react/jsx-runtime").JSX.Element;
+export default TableActionBar;

package/dist/src/modules/table/ui/TableActionBar/TableRowSelect.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEvent } from 'react';
+type PropsType = {
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    head?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+};
+declare const TableRowSelect: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default TableRowSelect;

package/dist/src/modules/table/ui/TableActionCol.d.ts

@@ -0,0 +1,9 @@
+import { TableRowActionType } from './Table/Table';
+import { TableRowType2 } from './DataTable';
+type PropsType<T extends TableRowType2> = {
+    row: T;
+    actions: TableRowActionType<T>[];
+    disabled?: boolean;
+};
+export declare function TableActionCol<T extends TableRowType2>(props: PropsType<T>): import("react/jsx-runtime").JSX.Element;
+export default TableActionCol;

package/dist/src/modules/table/ui/TableCell.d.ts

@@ -0,0 +1,11 @@
+import { DataTableColType, TableRowType2 } from './DataTable';
+import { TableContextActionType } from './TableContextMenu';
+type PropsType<T extends TableRowType2 = TableRowType2> = {
+    col: DataTableColType<any>;
+    hovered: boolean;
+    actions?: TableContextActionType[];
+    row: T;
+};
+declare function TableTableCell<T extends TableRowType2 = TableRowType2>(props: PropsType<T>): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof TableTableCell>;
+export default _default;

package/dist/src/modules/table/ui/TableContextMenu.d.ts

@@ -0,0 +1,16 @@
+export type TableContextActionType<T extends any = any> = {
+    label: string;
+    icon?: string;
+    active?: boolean | ((row: T) => void);
+    onClick: (row: T) => void;
+};
+type PropsType<T> = {
+    x: number;
+    y: number;
+    onContextClick?: () => void;
+    contextActions: TableContextActionType<T>[];
+    anchorEl?: HTMLTableRowElement | null;
+    row: T;
+};
+declare function TableContextMenu<T>(props: PropsType<T>): import("react/jsx-runtime").JSX.Element;
+export default TableContextMenu;

package/dist/src/modules/table/ui/TablePagination.d.ts

@@ -0,0 +1,2 @@
+export declare const PAGE_SIZE_LABEL = "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u043E\u043A";
+export declare const DataTablePagination: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/modules/table/ui/TableSort.d.ts

@@ -0,0 +1,10 @@
+import { StackProps } from 'armtek-uikit-react/ui/Stack';
+import { SortOrderType } from '../model/types';
+type TableSortProps = {
+    order?: SortOrderType;
+    code: string;
+    active?: boolean;
+    onSort: (code: string) => void;
+};
+export declare const TableSort: (props: TableSortProps & StackProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/table.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dataTableStoreFactory-BTH4XExR.cjs");exports.DataTable=e.DataTable;exports.DataTableSkeleton=e.DataTable_skeleton;exports.FilterBar=e.FilterBar;exports.FilterFormField=e.FilterFormField;exports.TableActionCol=e.TableActionCol;exports.createDataTable=e.createDataTable;exports.makePaginatedFilterParams=e.makePaginatedFilterParams;exports.sortByField=e.sortByField;

package/dist/table.d.ts

@@ -0,0 +1,2 @@
+export * from './src/modules/table/index'
+export {}

package/dist/table.js

@@ -0,0 +1,11 @@
+import { D as t, a as l, F as s, c as r, T as i, d as o, m as F, s as m } from "./dataTableStoreFactory-CTIqHKTT.js";
+export {
+  t as DataTable,
+  l as DataTableSkeleton,
+  s as FilterBar,
+  r as FilterFormField,
+  i as TableActionCol,
+  o as createDataTable,
+  F as makePaginatedFilterParams,
+  m as sortByField
+};

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@armtek/data",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "import": "./dist/table.js",
+      "require": "./dist/table.cjs"
+    },
+    "./dictionary": {
+      "types": "./dist/dictionary.d.ts",
+      "import": "./dist/dictionary.js",
+      "require": "./dist/dictionary.cjs"
+    },
+    "./search": {
+      "types": "./dist/search.d.ts",
+      "import": "./dist/search.js",
+      "require": "./dist/search.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "prepublishOnly": "npm run test:run && npm run build",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:watch": "vitest --watch"
+  },
+  "peerDependencies": {
+    "@withease/factories": "*",
+    "armtek-uikit-react": "*",
+    "effector": "*",
+    "effector-react": "*",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "dependencies": {
+    "classnames": "*"
+  },
+  "devDependencies": {
+    "@testing-library/react": "*",
+    "@testing-library/jest-dom": "*",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "@types/node": "*",
+    "@vitejs/plugin-react": "*",
+    "jsdom": "*",
+    "sass": "*",
+    "typescript": "*",
+    "vite": "*",
+    "vite-plugin-dts": "*",
+    "vitest": "*"
+  }
+}