@infomaximum/ui-kit 0.15.8 → 0.16.0

package/dist/components/Table/features/tableRowSelection/components/RadioCellContentWrapper/RadioCellContentWrapper.d.ts

@@ -0,0 +1,3 @@
+import { RadioCellContentWrapperProps } from './RadioCellContentWrapper.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const RadioCellContentWrapper: <Record extends DefaultRecord>(props: RadioCellContentWrapperProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/features/tableRowSelection/components/RadioCellContentWrapper/RadioCellContentWrapper.js

@@ -0,0 +1,43 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Fragment } from "react";
+import { useEvent } from "../../../../../../hooks/useEvent/useEvent.js";
+import { selectionItemContainerStyle, getBorderedSelectionItemContainerStyle } from "../../styles.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { useTableRowSelectionContext } from "../../contexts/tableRowSelectionContext/useTableRowSelectionContext/useTableRowSelectionContext.js";
+import { getRowKey } from "../../../../utils/getRowKey/getRowKey.js";
+import { Radio } from "../../../../../Radio/Radio.js";
+const RadioCellContentWrapperComponent = (props) => {
+  const {
+    renderCell: RenderCell,
+    record
+  } = props;
+  const {
+    bordered
+  } = useTableContext();
+  const {
+    checkboxPropsMap,
+    derivedSelectedKeySet,
+    triggerSingleSelection
+  } = useTableRowSelectionContext();
+  const key = getRowKey(record);
+  const checked = derivedSelectedKeySet.has(key);
+  const radioProps = checkboxPropsMap.get(key);
+  const handleClick = useEvent((e) => {
+    var _a;
+    e.stopPropagation();
+    (_a = radioProps == null ? void 0 : radioProps.onClick) == null ? void 0 : _a.call(radioProps, e);
+  });
+  const handleChange = useEvent((e) => {
+    var _a;
+    if (!derivedSelectedKeySet.has(key)) {
+      triggerSingleSelection(key, true, [key], e.nativeEvent);
+    }
+    (_a = radioProps == null ? void 0 : radioProps.onChange) == null ? void 0 : _a.call(radioProps, e);
+  });
+  const Wrapper = RenderCell ?? Fragment;
+  return /* @__PURE__ */ jsx("div", { css: [selectionItemContainerStyle, bordered ? getBorderedSelectionItemContainerStyle() : void 0, process.env.NODE_ENV === "production" ? "" : ";label:RadioCellContentWrapperComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVSb3dTZWxlY3Rpb24vY29tcG9uZW50cy9SYWRpb0NlbGxDb250ZW50V3JhcHBlci9SYWRpb0NlbGxDb250ZW50V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSYWRpb0NlbGxDb250ZW50V3JhcHBlclByb3BzIH0gZnJvbSBcIi4vUmFkaW9DZWxsQ29udGVudFdyYXBwZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbnRleHRzXCI7XG5pbXBvcnQgeyB1c2VFdmVudCB9IGZyb20gXCJob29rcy91c2VFdmVudFwiO1xuaW1wb3J0IHsgZ2V0Um93S2V5IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvdXRpbHNcIjtcbmltcG9ydCB7IFJhZGlvLCB0eXBlIFJhZGlvUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9SYWRpb1wiO1xuaW1wb3J0IHsgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0IH0gZnJvbSBcIi4uLy4uL2NvbnRleHRzXCI7XG5pbXBvcnQgdHlwZSB7IFJvd1NlbGVjdGlvbkl0ZW1Qcm9wcyB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyZWRTZWxlY3Rpb25JdGVtQ29udGFpbmVyU3R5bGUsIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSB9IGZyb20gXCIuLi8uLi9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgRGVmYXVsdFJlY29yZCB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL1RhYmxlLnR5cGVzXCI7XG5cbmNvbnN0IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50ID0gPFJlY29yZCBleHRlbmRzIERlZmF1bHRSZWNvcmQ+KFxuICBwcm9wczogUmFkaW9DZWxsQ29udGVudFdyYXBwZXJQcm9wczxSZWNvcmQ+XG4pID0+IHtcbiAgY29uc3QgeyByZW5kZXJDZWxsOiBSZW5kZXJDZWxsLCByZWNvcmQgfSA9IHByb3BzO1xuICBjb25zdCB7IGJvcmRlcmVkIH0gPSB1c2VUYWJsZUNvbnRleHQoKTtcbiAgY29uc3QgeyBjaGVja2JveFByb3BzTWFwLCBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQsIHRyaWdnZXJTaW5nbGVTZWxlY3Rpb24gfSA9XG4gICAgdXNlVGFibGVSb3dTZWxlY3Rpb25Db250ZXh0KCk7XG4gIGNvbnN0IGtleSA9IGdldFJvd0tleShyZWNvcmQpO1xuXG4gIGNvbnN0IGNoZWNrZWQgPSBkZXJpdmVkU2VsZWN0ZWRLZXlTZXQuaGFzKGtleSk7XG4gIGNvbnN0IHJhZGlvUHJvcHMgPSBjaGVja2JveFByb3BzTWFwLmdldChrZXkpIGFzIFJvd1NlbGVjdGlvbkl0ZW1Qcm9wczxSYWRpb1Byb3BzPjtcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgcmFkaW9Qcm9wcz8ub25DbGljaz8uKGUpO1xuICB9KSBzYXRpc2ZpZXMgUmFkaW9Qcm9wc1tcIm9uQ2xpY2tcIl0pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUV2ZW50KCgoZSkgPT4ge1xuICAgIGlmICghZGVyaXZlZFNlbGVjdGVkS2V5U2V0LmhhcyhrZXkpKSB7XG4gICAgICB0cmlnZ2VyU2luZ2xlU2VsZWN0aW9uKGtleSwgdHJ1ZSwgW2tleV0sIGUubmF0aXZlRXZlbnQpO1xuICAgIH1cblxuICAgIHJhZGlvUHJvcHM/Lm9uQ2hhbmdlPy4oZSk7XG4gIH0pIHNhdGlzZmllcyBSYWRpb1Byb3BzW1wib25DaGFuZ2VcIl0pO1xuXG4gIGNvbnN0IFdyYXBwZXIgPSBSZW5kZXJDZWxsID8/IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIHNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSxcbiAgICAgICAgYm9yZGVyZWQgPyBnZXRCb3JkZXJlZFNlbGVjdGlvbkl0ZW1Db250YWluZXJTdHlsZSgpIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICA+XG4gICAgICA8V3JhcHBlcj5cbiAgICAgICAgPFJhZGlvIHsuLi5yYWRpb1Byb3BzfSBjaGVja2VkPXtjaGVja2VkfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gLz5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBSYWRpb0NlbGxDb250ZW50V3JhcHBlciA9IFJhZGlvQ2VsbENvbnRlbnRXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"], children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Radio, { ...radioProps, checked, onClick: handleClick, onChange: handleChange }) }) });
+};
+const RadioCellContentWrapper = RadioCellContentWrapperComponent;
+export {
+  RadioCellContentWrapper
+};

package/dist/components/Table/features/tableRowSelection/components/RadioCellContentWrapper/RadioCellContentWrapper.types.d.ts

@@ -0,0 +1,4 @@
+import { TableRowSelection } from '../../types';
+export interface RadioCellContentWrapperProps<Record> extends Pick<TableRowSelection<Record>, "renderCell"> {
+    record: Record;
+}

package/dist/components/Table/features/tableRowSelection/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export { useTableRowSelectionContext } from './tableRowSelectionContext/useTableRowSelectionContext/useTableRowSelectionContext';
+export { TableRowSelectionContext } from './tableRowSelectionContext/TableRowSelectionContext';
+export type { TableRowSelectionContextValue } from './tableRowSelectionContext/TableRowSelectionContext.types';

package/dist/components/Table/features/tableRowSelection/contexts/tableRowSelectionContext/TableRowSelectionContext.d.ts

@@ -0,0 +1,2 @@
+import { TableRowSelectionContextValue } from './TableRowSelectionContext.types';
+export declare const TableRowSelectionContext: import('react').Context<TableRowSelectionContextValue>;

package/dist/components/Table/features/tableRowSelection/contexts/tableRowSelectionContext/TableRowSelectionContext.js

@@ -0,0 +1,20 @@
+import { createContext } from "react";
+import { noop, identity } from "lodash-es";
+const TableRowSelectionContext = createContext({
+  checkedCurrentAll: false,
+  checkedCurrentSome: false,
+  flattedData: [],
+  checkboxPropsMap: /* @__PURE__ */ new Map(),
+  keySet: /* @__PURE__ */ new Set(),
+  derivedSelectedKeySet: /* @__PURE__ */ new Set(),
+  derivedSelectedKeys: [],
+  derivedHalfSelectedKeySet: /* @__PURE__ */ new Set(),
+  recordKeys: [],
+  setSelectedKeys: noop,
+  triggerSingleSelection: noop,
+  multipleSelect: identity,
+  updatePrevSelectedIndex: noop
+});
+export {
+  TableRowSelectionContext
+};

package/dist/components/Table/features/tableRowSelection/contexts/tableRowSelectionContext/TableRowSelectionContext.types.d.ts

@@ -0,0 +1,18 @@
+import { useTableRowSelection } from '../../hooks';
+type UseTableRowSelectionReturnType = ReturnType<typeof useTableRowSelection>;
+export interface TableRowSelectionContextValue {
+    checkedCurrentAll: UseTableRowSelectionReturnType["checkedCurrentAll"];
+    checkedCurrentSome: UseTableRowSelectionReturnType["checkedCurrentSome"];
+    flattedData: UseTableRowSelectionReturnType["flattedData"];
+    checkboxPropsMap: UseTableRowSelectionReturnType["checkboxPropsMap"];
+    keySet: UseTableRowSelectionReturnType["keySet"];
+    derivedSelectedKeySet: UseTableRowSelectionReturnType["derivedSelectedKeySet"];
+    derivedSelectedKeys: UseTableRowSelectionReturnType["derivedSelectedKeys"];
+    derivedHalfSelectedKeySet: UseTableRowSelectionReturnType["derivedHalfSelectedKeySet"];
+    recordKeys: UseTableRowSelectionReturnType["recordKeys"];
+    setSelectedKeys: UseTableRowSelectionReturnType["setSelectedKeys"];
+    triggerSingleSelection: UseTableRowSelectionReturnType["triggerSingleSelection"];
+    multipleSelect: UseTableRowSelectionReturnType["multipleSelect"];
+    updatePrevSelectedIndex: UseTableRowSelectionReturnType["updatePrevSelectedIndex"];
+}
+export {};

package/dist/components/Table/features/tableRowSelection/contexts/tableRowSelectionContext/useTableRowSelectionContext/useTableRowSelectionContext.d.ts

@@ -0,0 +1 @@
+export declare const useTableRowSelectionContext: () => import('../TableRowSelectionContext.types').TableRowSelectionContextValue;

package/dist/components/Table/features/tableRowSelection/contexts/tableRowSelectionContext/useTableRowSelectionContext/useTableRowSelectionContext.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { TableRowSelectionContext } from "../TableRowSelectionContext.js";
+const useTableRowSelectionContext = () => {
+  return useContext(TableRowSelectionContext);
+};
+export {
+  useTableRowSelectionContext
+};

package/dist/components/Table/features/tableRowSelection/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useTableRowSelection } from './useTableRowSelection/useTableRowSelection';
+export { useTransformColumns } from './useTransformColumns/useTransformColumns';
+export type { RowSelectionItemProps } from './useTableRowSelection/useTableRowSelection.types';
+export type { UseTransformColumnsOptions } from './useTransformColumns/useTransformColumns.types';

package/dist/components/Table/features/tableRowSelection/hooks/useMultipleSelect/useMultipleSelect.d.ts

@@ -0,0 +1,2 @@
+import { PrevSelectedIndex, UseMultipleSelectOptions } from './useMultipleSelect.types';
+export declare const useMultipleSelect: <T, K>(options: UseMultipleSelectOptions<T, K>) => readonly [(currentSelectedIndex: number, data: T[], selectedKeys: Set<K>) => K[], import('react').Dispatch<import('react').SetStateAction<PrevSelectedIndex>>];

package/dist/components/Table/features/tableRowSelection/hooks/useMultipleSelect/useMultipleSelect.js

@@ -0,0 +1,32 @@
+import { useState, useCallback } from "react";
+const useMultipleSelect = (options) => {
+  const {
+    getKey
+  } = options;
+  const [prevSelectedIndex, setPrevSelectedIndex] = useState(null);
+  const multipleSelect = useCallback((currentSelectedIndex, data, selectedKeys) => {
+    const configPrevSelectedIndex = prevSelectedIndex ?? currentSelectedIndex;
+    const startIndex = Math.min(configPrevSelectedIndex || 0, currentSelectedIndex);
+    const endIndex = Math.max(configPrevSelectedIndex || 0, currentSelectedIndex);
+    const rangeKeys = data.slice(startIndex, endIndex + 1).map(getKey);
+    const shouldSelected = rangeKeys.some((rangeKey) => !selectedKeys.has(rangeKey));
+    const changedKeys = [];
+    rangeKeys.forEach((item) => {
+      if (shouldSelected) {
+        if (!selectedKeys.has(item)) {
+          changedKeys.push(item);
+        }
+        selectedKeys.add(item);
+      } else {
+        selectedKeys.delete(item);
+        changedKeys.push(item);
+      }
+    });
+    setPrevSelectedIndex(shouldSelected ? endIndex : null);
+    return changedKeys;
+  }, [prevSelectedIndex]);
+  return [multipleSelect, setPrevSelectedIndex];
+};
+export {
+  useMultipleSelect
+};

package/dist/components/Table/features/tableRowSelection/hooks/useMultipleSelect/useMultipleSelect.types.d.ts

@@ -0,0 +1,4 @@
+export interface UseMultipleSelectOptions<T, K> {
+    getKey: (item: T, index: number, array: T[]) => K;
+}
+export type PrevSelectedIndex = null | number;

package/dist/components/Table/features/tableRowSelection/hooks/useTableRowSelection/useTableRowSelection.d.ts

@@ -0,0 +1,19 @@
+import { UseTableRowSelectionOptions } from './useTableRowSelection.types';
+import { DefaultRecord, Key } from 'components/Table/Table.types';
+import { RowSelectMethod } from '../../types';
+/** TODO: Посмотреть как покажет себя этот хук во время внедрения PT-16172. Возможно, переписать */
+export declare const useTableRowSelection: <Record extends DefaultRecord<Record>>(options: UseTableRowSelectionOptions<Record>) => {
+    checkedCurrentAll: boolean;
+    checkedCurrentSome: boolean;
+    flattedData: Record[];
+    checkboxPropsMap: Map<import('react').Key, Partial<Omit<import('../../../../../Checkbox').CheckboxProps, "defaultChecked" | "checked">>>;
+    derivedSelectedKeySet: Set<import('react').Key>;
+    derivedSelectedKeys: import('react').Key[];
+    derivedHalfSelectedKeySet: Set<import('react').Key>;
+    recordKeys: import('react').Key[];
+    keySet: Set<import('react').Key>;
+    triggerSingleSelection: (key: Key, selected: boolean, keys: Key[], event: Event) => void;
+    setSelectedKeys: (keys: Key[], method: RowSelectMethod) => void;
+    multipleSelect: (currentSelectedIndex: number, data: import('react').Key[], selectedKeys: Set<import('react').Key>) => import('react').Key[];
+    updatePrevSelectedIndex: import('react').Dispatch<import('react').SetStateAction<import('../useMultipleSelect/useMultipleSelect.types').PrevSelectedIndex>>;
+};

package/dist/components/Table/features/tableRowSelection/hooks/useTableRowSelection/useTableRowSelection.js

@@ -0,0 +1,126 @@
+import { useMemo, useCallback } from "react";
+import { useEvent } from "../../../../../../hooks/useEvent/useEvent.js";
+import { compact } from "lodash-es";
+import { useMultipleSelect } from "../useMultipleSelect/useMultipleSelect.js";
+import { flattenData } from "./useTableRowSelection.utils.js";
+import { useControlledState } from "../../../../../../hooks/useControlledState/useControlledState.js";
+import { getRowKey } from "../../../../utils/getRowKey/getRowKey.js";
+import { useEmitter } from "../../../typedEventBus/hooks.js";
+import { useFirstMountLayoutEffect } from "../../../../../../hooks/useFirstMountLayoutEffect/useFirstMountLayoutEffect.js";
+const useTableRowSelection = (options) => {
+  const {
+    rowSelection,
+    dataSource,
+    sortedData
+  } = options;
+  const {
+    getCheckboxProps,
+    onChange: onChangeProp,
+    onSelect,
+    defaultSelectedRowKeys,
+    selectedRowKeys,
+    type = "checkbox"
+  } = rowSelection || {};
+  const [mergedSelectedKeys, setMergedSelectedKeys] = useControlledState(selectedRowKeys || defaultSelectedRowKeys || [], selectedRowKeys);
+  const [multipleSelect, updatePrevSelectedIndex] = useMultipleSelect({
+    getKey: (item) => item
+  });
+  const {
+    getRecordByKey
+  } = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    function dig(records) {
+      records.forEach((record) => {
+        const rowKey = getRowKey(record);
+        map.set(rowKey, record);
+        if (record && typeof record === "object" && "children" in record) {
+          dig(record["children"] || []);
+        }
+      });
+    }
+    dig(dataSource);
+    const getRecordByKey2 = (key) => {
+      return map.get(key);
+    };
+    return {
+      getRecordByKey: getRecordByKey2
+    };
+  }, [dataSource]);
+  const flattedData = useMemo(() => flattenData(sortedData), [sortedData]);
+  const checkboxPropsMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    flattedData.forEach((record) => {
+      const key = getRowKey(record);
+      const checkboxProps = (getCheckboxProps ? getCheckboxProps(record) : null) || {};
+      map.set(key, checkboxProps);
+    });
+    return map;
+  }, [flattedData, getCheckboxProps]);
+  const [derivedSelectedKeys, derivedHalfSelectedKeys] = useMemo(() => {
+    return [mergedSelectedKeys, []];
+  }, [mergedSelectedKeys]);
+  const derivedSelectedKeySet = useMemo(() => {
+    const keys = type === "radio" ? derivedSelectedKeys.slice(0, 1) : derivedSelectedKeys;
+    return new Set(keys);
+  }, [derivedSelectedKeys, type]);
+  const derivedHalfSelectedKeySet = useMemo(() => type === "radio" ? /* @__PURE__ */ new Set() : new Set(derivedHalfSelectedKeys), [derivedHalfSelectedKeys, type]);
+  const keySet = useMemo(() => new Set(derivedSelectedKeySet), [derivedSelectedKeySet]);
+  const recordKeys = useMemo(() => flattedData.map(getRowKey).filter((key) => {
+    var _a;
+    return !((_a = checkboxPropsMap.get(key)) == null ? void 0 : _a.disabled);
+  }), [checkboxPropsMap, flattedData]);
+  const checkedCurrentAll = recordKeys.every((key) => keySet.has(key));
+  const checkedCurrentSome = recordKeys.some((key) => keySet.has(key));
+  const setSelectedKeys = useCallback((keys, method) => {
+    const availableKeys = [];
+    const records = [];
+    keys.forEach((key) => {
+      const record = getRecordByKey(key);
+      if (record !== void 0) {
+        availableKeys.push(key);
+        records.push(record);
+      }
+    });
+    setMergedSelectedKeys(availableKeys);
+    onChangeProp == null ? void 0 : onChangeProp(availableKeys, records, {
+      type: method
+    });
+  }, [getRecordByKey, onChangeProp, setMergedSelectedKeys]);
+  const triggerSingleSelection = useCallback((key, selected, keys, event) => {
+    if (onSelect) {
+      const rows = compact(keys.map((k) => getRecordByKey(k)));
+      const record = getRecordByKey(key);
+      if (record) {
+        onSelect(record, selected, rows, event);
+      }
+    }
+    setSelectedKeys(keys, "single");
+  }, [onSelect, getRecordByKey, setSelectedKeys]);
+  const emitRowSelect = useEvent(useEmitter("row:select"));
+  useFirstMountLayoutEffect((firstMount) => {
+    if (firstMount) {
+      return;
+    }
+    emitRowSelect({
+      selectedKeySet: derivedSelectedKeySet
+    });
+  }, [emitRowSelect, derivedSelectedKeySet]);
+  return {
+    checkedCurrentAll,
+    checkedCurrentSome,
+    flattedData,
+    checkboxPropsMap,
+    derivedSelectedKeySet,
+    derivedSelectedKeys,
+    derivedHalfSelectedKeySet,
+    recordKeys,
+    keySet,
+    triggerSingleSelection,
+    setSelectedKeys,
+    multipleSelect,
+    updatePrevSelectedIndex
+  };
+};
+export {
+  useTableRowSelection
+};

package/dist/components/Table/features/tableRowSelection/hooks/useTableRowSelection/useTableRowSelection.types.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps } from 'components/Checkbox';
+import { RadioProps } from 'components/Radio';
+import { useTableSort } from 'components/Table/features/tableSort';
+import { DefaultRecord, TableProps } from 'components/Table/Table.types';
+export interface UseTableRowSelectionOptions<Record extends DefaultRecord> extends Pick<TableProps<Record>, "rowSelection" | "dataSource"> {
+    sortedData: ReturnType<typeof useTableSort<Record>>["sortedData"];
+}
+export type RowSelectionItemProps<P extends CheckboxProps | RadioProps = CheckboxProps> = Partial<Omit<P, "checked" | "defaultChecked">>;

package/dist/components/Table/features/tableRowSelection/hooks/useTableRowSelection/useTableRowSelection.utils.d.ts

@@ -0,0 +1,2 @@
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const flattenData: <Record extends DefaultRecord<Record>>(data: readonly Record[], list?: Record[]) => Record[];

package/dist/components/Table/features/tableRowSelection/hooks/useTableRowSelection/useTableRowSelection.utils.js

@@ -0,0 +1,13 @@
+const flattenData = (data, list = []) => {
+  data.forEach((record) => {
+    list.push(record);
+    const children = record.children;
+    if (children) {
+      flattenData(children, list);
+    }
+  });
+  return list;
+};
+export {
+  flattenData
+};

package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.d.ts

@@ -0,0 +1,6 @@
+import { UseTransformColumnsOptions } from './useTransformColumns.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+import { ColumnsTransformer } from 'components/Table/interfaces/tableColumns.types';
+export declare const useTransformColumns: <Record extends DefaultRecord>(options: UseTransformColumnsOptions<Record>) => {
+    transformColumns: ColumnsTransformer<Record>;
+};

package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.js

@@ -0,0 +1,59 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useCallback, Fragment } from "react";
+import { addDefinedValueKeys } from "./useTransformColumns.utils.js";
+import { RadioCellContentWrapper } from "../../components/RadioCellContentWrapper/RadioCellContentWrapper.js";
+import { CheckboxCellContentWrapper } from "../../components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.js";
+import { HeaderCheckboxCellContentWrapper } from "../../components/HeaderCheckboxCellContentWrapper/HeaderCheckboxCellContentWrapper.js";
+import { isUndefined } from "lodash-es";
+import { defaultRowSelectionColumnWidth } from "../../../tableSort/utils/const.js";
+import { selectionColumnKey } from "../../utils/const.js";
+const useTransformColumns = (options) => {
+  const {
+    rowSelection
+  } = options;
+  const transformColumns = useCallback(
+    (columns) => {
+      if (!rowSelection) {
+        return columns;
+      }
+      const {
+        columnTitle,
+        columnWidth = defaultRowSelectionColumnWidth,
+        hideSelectAll,
+        onCell,
+        getTitleCheckboxProps,
+        renderCell,
+        type = "checkbox"
+      } = rowSelection;
+      const Title = type === "checkbox" && !hideSelectAll ? HeaderCheckboxCellContentWrapper : Fragment;
+      const title = (() => {
+        if (isUndefined(columnTitle) || typeof columnTitle === "function") {
+          if (Title === Fragment) {
+            return;
+          }
+          return /* @__PURE__ */ jsx(Title, { columnTitle, getTitleCheckboxProps });
+        }
+        return columnTitle;
+      })();
+      const selectionColumn = {
+        key: selectionColumnKey,
+        title,
+        render: (_, record) => type === "checkbox" ? /* @__PURE__ */ jsx(CheckboxCellContentWrapper, { renderCell, record }) : /* @__PURE__ */ jsx(RadioCellContentWrapper, { renderCell, record })
+      };
+      addDefinedValueKeys(selectionColumn, {
+        onCell,
+        width: columnWidth
+      });
+      columns.unshift(selectionColumn);
+      return columns;
+    },
+    // TODO: проверить стабильность ссылки во время внедрения (часто зависит от selectedKeys) PT-16172
+    [rowSelection]
+  );
+  return {
+    transformColumns
+  };
+};
+export {
+  useTransformColumns
+};

package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.types.d.ts

@@ -0,0 +1,3 @@
+import { DefaultRecord, TableProps } from 'components/Table/Table.types';
+export interface UseTransformColumnsOptions<Record extends DefaultRecord> extends Pick<TableProps<Record>, "rowSelection"> {
+}

package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.utils.d.ts

@@ -0,0 +1 @@
+export declare const addDefinedValueKeys: <T, K extends keyof T>(target: T, keys: { [P in K]: T[P]; }) => void;

package/dist/components/Table/features/tableRowSelection/hooks/useTransformColumns/useTransformColumns.utils.js

@@ -0,0 +1,12 @@
+import { isUndefined } from "lodash-es";
+const addDefinedValueKeys = (target, keys) => {
+  for (const key in keys) {
+    if (isUndefined(keys[key])) {
+      continue;
+    }
+    target[key] = keys[key];
+  }
+};
+export {
+  addDefinedValueKeys
+};

package/dist/components/Table/features/tableRowSelection/index.d.ts

@@ -0,0 +1,5 @@
+export { useTableRowSelectionContext, TableRowSelectionContext, type TableRowSelectionContextValue, } from './contexts';
+export { useTableRowSelection, useTransformColumns, type RowSelectionItemProps, type UseTransformColumnsOptions, } from './hooks';
+export type { TableRowSelection } from './types';
+export { selectionItemContainerStyle, getBorderedSelectionItemContainerStyle } from './styles';
+export { selectionColumnKey } from './utils';

package/dist/components/Table/features/tableRowSelection/styles.d.ts

@@ -0,0 +1,16 @@
+export declare const selectionItemContainerStyle: {
+    readonly position: "absolute";
+    readonly inset: 0;
+    readonly bottom: -1;
+    readonly display: "flex";
+    readonly alignItems: "center";
+    readonly justifyContent: "center";
+};
+export declare const getBorderedSelectionItemContainerStyle: (includeTop?: boolean) => {
+    left: number;
+    right: number;
+} | {
+    top: number;
+    left: number;
+    right: number;
+};

package/dist/components/Table/features/tableRowSelection/styles.js

@@ -0,0 +1,25 @@
+const selectionItemContainerStyle = {
+  position: "absolute",
+  inset: 0,
+  bottom: -1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+};
+const getBorderedSelectionItemContainerStyle = (includeTop = false) => {
+  const baseStyle = {
+    left: -1,
+    right: -1
+  };
+  if (includeTop) {
+    return {
+      ...baseStyle,
+      top: -1
+    };
+  }
+  return baseStyle;
+};
+export {
+  getBorderedSelectionItemContainerStyle,
+  selectionItemContainerStyle
+};

package/dist/components/Table/features/tableRowSelection/types.d.ts

@@ -0,0 +1,24 @@
+import { CheckboxProps } from 'components/Checkbox';
+import { GetComponentProps } from 'components/Table/interfaces/tableComponents.types';
+import { DefaultRecord, Key } from 'components/Table/Table.types';
+import { AriaAttributes, ComponentType, ReactNode } from 'react';
+type RowSelectionType = "checkbox" | "radio";
+export type RowSelectMethod = "all" | "none" | "invert" | "single" | "multiple";
+type SelectionSelectFn<T = DefaultRecord> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+export interface TableRowSelection<T = DefaultRecord> {
+    type?: RowSelectionType;
+    defaultSelectedRowKeys?: Key[];
+    selectedRowKeys?: Key[];
+    onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
+        type: RowSelectMethod;
+    }) => void;
+    getTitleCheckboxProps?: () => Partial<Omit<CheckboxProps, "checked" | "defaultChecked">> & AriaAttributes;
+    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, "checked" | "defaultChecked">>;
+    onSelect?: SelectionSelectFn<T>;
+    hideSelectAll?: boolean;
+    columnWidth?: string | number;
+    columnTitle?: ReactNode | ComponentType;
+    renderCell?: ComponentType;
+    onCell?: GetComponentProps<T>;
+}
+export {};

package/dist/components/Table/features/tableRowSelection/utils/const.d.ts

@@ -0,0 +1 @@
+export declare const selectionColumnKey = "__SELECTION_COLUMN";

package/dist/components/Table/features/tableRowSelection/utils/const.js

@@ -0,0 +1,4 @@
+const selectionColumnKey = "__SELECTION_COLUMN";
+export {
+  selectionColumnKey
+};

package/dist/components/Table/features/tableRowSelection/utils/index.d.ts

@@ -0,0 +1 @@
+export { selectionColumnKey } from './const';

package/dist/components/Table/features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.d.ts

@@ -0,0 +1,3 @@
+import { HeaderCellWithSortProps } from './HeaderCellWithSort.types';
+import { DefaultRecord } from 'components/Table/Table.types';
+export declare const HeaderCellWithSort: <Record extends DefaultRecord>(props: HeaderCellWithSortProps<Record>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.js

@@ -0,0 +1,75 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useCellFixedInfo } from "../../../../hooks/useCellFixedInfo/useCellFixedInfo.js";
+import { getFixedCellStyle } from "../../../../hooks/useCellFixedInfo/useCellFixedInfo.styles.js";
+import { headerCellWithSortStyle } from "./HeaderCellWithSort.styles.js";
+import { Cell } from "../../../../components/Cell/Cell.js";
+import { getHeaderCellScope } from "../../../../components/Header/components/HeaderCell/HeaderCell.utils.js";
+import { headerCellStyle, borderedHeaderCellStyle } from "../../../../components/Header/components/HeaderCell/HeaderCell.styles.js";
+import { useTableContext } from "../../../../contexts/tableContext/useTableContext/useTableContext.js";
+import { useHeaderCellSort } from "../../hooks/useHeaderCellSort/useHeaderCellSort.js";
+const HeaderCellWithSortComponent = (props) => {
+  var _a;
+  const {
+    cell
+  } = props;
+  const {
+    children,
+    colSpan: cellColSpan,
+    rowSpan: cellRowSpan,
+    colStart,
+    colEnd,
+    column
+  } = cell;
+  const {
+    getComponent,
+    bordered,
+    tableTokens
+  } = useTableContext();
+  const HeaderCellComponent = getComponent(["header", "cell"], "th");
+  const {
+    colSpan,
+    rowSpan,
+    onClick: headerCellOnClick,
+    onKeyDown: headerCellOnKeyDown,
+    css: headerCellCss,
+    ...restAdditionalHeaderCellProps
+  } = ((_a = column.onHeaderCell) == null ? void 0 : _a.call(column, column)) || {};
+  const {
+    onClick,
+    onKeyDown
+  } = useHeaderCellSort({
+    column,
+    onClick: headerCellOnClick,
+    onKeyDown: headerCellOnKeyDown
+  });
+  const {
+    isFixStart,
+    isFixEnd,
+    fixStart,
+    fixEnd,
+    zIndexReverse,
+    fixedStartShadow,
+    fixedEndShadow,
+    showFixStartShadow,
+    showFixEndShadow
+  } = useCellFixedInfo({
+    colStart,
+    colEnd
+  });
+  return /* @__PURE__ */ jsx(Cell, { component: HeaderCellComponent, align: column.align, ellipsis: column.ellipsis, bordered, tableTokens, css: [headerCellStyle(tableTokens), headerCellWithSortStyle(tableTokens), bordered ? borderedHeaderCellStyle(tableTokens, bordered) : void 0, ...getFixedCellStyle({
+    columnKey: column.key,
+    isFixStart,
+    isFixEnd,
+    fixStart,
+    fixEnd,
+    zIndexReverse,
+    fixedStartShadow,
+    fixedEndShadow,
+    showFixStartShadow,
+    showFixEndShadow
+  }), headerCellCss, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRNIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFibGUvZmVhdHVyZXMvdGFibGVTb3J0L2NvbXBvbmVudHMvSGVhZGVyQ2VsbFdpdGhTb3J0L0hlYWRlckNlbGxXaXRoU29ydC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhlYWRlckNlbGxXaXRoU29ydFByb3BzIH0gZnJvbSBcIi4vSGVhZGVyQ2VsbFdpdGhTb3J0LnR5cGVzXCI7XG5pbXBvcnQgdHlwZSB7IERlZmF1bHRSZWNvcmQgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9UYWJsZS50eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGFibGVDb250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29udGV4dHNcIjtcbmltcG9ydCB7IHVzZUNlbGxGaXhlZEluZm8gfSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9ob29rcy91c2VDZWxsRml4ZWRJbmZvL3VzZUNlbGxGaXhlZEluZm9cIjtcbmltcG9ydCB7IGdldEZpeGVkQ2VsbFN0eWxlIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvaG9va3MvdXNlQ2VsbEZpeGVkSW5mby91c2VDZWxsRml4ZWRJbmZvLnN0eWxlc1wiO1xuaW1wb3J0IHsgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUgfSBmcm9tIFwiLi9IZWFkZXJDZWxsV2l0aFNvcnQuc3R5bGVzXCI7XG5pbXBvcnQgeyBDZWxsIH0gZnJvbSBcImNvbXBvbmVudHMvVGFibGUvY29tcG9uZW50cy9DZWxsL0NlbGxcIjtcbmltcG9ydCB7IGdldEhlYWRlckNlbGxTY29wZSB9IGZyb20gXCJjb21wb25lbnRzL1RhYmxlL2NvbXBvbmVudHMvSGVhZGVyL2NvbXBvbmVudHMvSGVhZGVyQ2VsbC9IZWFkZXJDZWxsLnV0aWxzXCI7XG5pbXBvcnQge1xuICBib3JkZXJlZEhlYWRlckNlbGxTdHlsZSxcbiAgaGVhZGVyQ2VsbFN0eWxlLFxufSBmcm9tIFwiY29tcG9uZW50cy9UYWJsZS9jb21wb25lbnRzL0hlYWRlci9jb21wb25lbnRzL0hlYWRlckNlbGwvSGVhZGVyQ2VsbC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZUhlYWRlckNlbGxTb3J0IH0gZnJvbSBcIi4uLy4uL2hvb2tzXCI7XG5cbmNvbnN0IEhlYWRlckNlbGxXaXRoU29ydENvbXBvbmVudCA9IDxSZWNvcmQgZXh0ZW5kcyBEZWZhdWx0UmVjb3JkPihcbiAgcHJvcHM6IEhlYWRlckNlbGxXaXRoU29ydFByb3BzPFJlY29yZD5cbikgPT4ge1xuICBjb25zdCB7IGNlbGwgfSA9IHByb3BzO1xuICBjb25zdCB7IGNoaWxkcmVuLCBjb2xTcGFuOiBjZWxsQ29sU3Bhbiwgcm93U3BhbjogY2VsbFJvd1NwYW4sIGNvbFN0YXJ0LCBjb2xFbmQsIGNvbHVtbiB9ID0gY2VsbDtcbiAgY29uc3QgeyBnZXRDb21wb25lbnQsIGJvcmRlcmVkLCB0YWJsZVRva2VucyB9ID0gdXNlVGFibGVDb250ZXh0KCk7XG4gIGNvbnN0IEhlYWRlckNlbGxDb21wb25lbnQgPSBnZXRDb21wb25lbnQoW1wiaGVhZGVyXCIsIFwiY2VsbFwiXSwgXCJ0aFwiKTtcblxuICBjb25zdCB7XG4gICAgY29sU3BhbixcbiAgICByb3dTcGFuLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgICBjc3M6IGhlYWRlckNlbGxDc3MsXG4gICAgLi4ucmVzdEFkZGl0aW9uYWxIZWFkZXJDZWxsUHJvcHNcbiAgfSA9IGNvbHVtbi5vbkhlYWRlckNlbGw/Lihjb2x1bW4pIHx8IHt9O1xuXG4gIGNvbnN0IHsgb25DbGljaywgb25LZXlEb3duIH0gPSB1c2VIZWFkZXJDZWxsU29ydCh7XG4gICAgY29sdW1uLFxuICAgIG9uQ2xpY2s6IGhlYWRlckNlbGxPbkNsaWNrLFxuICAgIG9uS2V5RG93bjogaGVhZGVyQ2VsbE9uS2V5RG93bixcbiAgfSk7XG5cbiAgY29uc3Qge1xuICAgIGlzRml4U3RhcnQsXG4gICAgaXNGaXhFbmQsXG4gICAgZml4U3RhcnQsXG4gICAgZml4RW5kLFxuICAgIHpJbmRleFJldmVyc2UsXG4gICAgZml4ZWRTdGFydFNoYWRvdyxcbiAgICBmaXhlZEVuZFNoYWRvdyxcbiAgICBzaG93Rml4U3RhcnRTaGFkb3csXG4gICAgc2hvd0ZpeEVuZFNoYWRvdyxcbiAgfSA9IHVzZUNlbGxGaXhlZEluZm8oe1xuICAgIGNvbFN0YXJ0LFxuICAgIGNvbEVuZCxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2VsbFxuICAgICAgY29tcG9uZW50PXtIZWFkZXJDZWxsQ29tcG9uZW50fVxuICAgICAgYWxpZ249e2NvbHVtbi5hbGlnbn1cbiAgICAgIGVsbGlwc2lzPXtjb2x1bW4uZWxsaXBzaXN9XG4gICAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgICB0YWJsZVRva2Vucz17dGFibGVUb2tlbnN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgaGVhZGVyQ2VsbFN0eWxlKHRhYmxlVG9rZW5zKSxcbiAgICAgICAgaGVhZGVyQ2VsbFdpdGhTb3J0U3R5bGUodGFibGVUb2tlbnMpLFxuICAgICAgICBib3JkZXJlZCA/IGJvcmRlcmVkSGVhZGVyQ2VsbFN0eWxlKHRhYmxlVG9rZW5zLCBib3JkZXJlZCkgOiB1bmRlZmluZWQsXG4gICAgICAgIC4uLmdldEZpeGVkQ2VsbFN0eWxlKHtcbiAgICAgICAgICBjb2x1bW5LZXk6IGNvbHVtbi5rZXksXG4gICAgICAgICAgaXNGaXhTdGFydCxcbiAgICAgICAgICBpc0ZpeEVuZCxcbiAgICAgICAgICBmaXhTdGFydCxcbiAgICAgICAgICBmaXhFbmQsXG4gICAgICAgICAgekluZGV4UmV2ZXJzZSxcbiAgICAgICAgICBmaXhlZFN0YXJ0U2hhZG93LFxuICAgICAgICAgIGZpeGVkRW5kU2hhZG93LFxuICAgICAgICAgIHNob3dGaXhTdGFydFNoYWRvdyxcbiAgICAgICAgICBzaG93Rml4RW5kU2hhZG93LFxuICAgICAgICB9KSxcbiAgICAgICAgaGVhZGVyQ2VsbENzcyxcbiAgICAgIF19XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBvbktleURvd249e29uS2V5RG93bn1cbiAgICAgIHsuLi5yZXN0QWRkaXRpb25hbEhlYWRlckNlbGxQcm9wc31cbiAgICAgIGNvbFNwYW49e2NvbFNwYW4gPz8gY2VsbENvbFNwYW59XG4gICAgICByb3dTcGFuPXtyb3dTcGFuID8/IGNlbGxSb3dTcGFufVxuICAgICAgc2NvcGU9e2dldEhlYWRlckNlbGxTY29wZShjb2x1bW4udGl0bGUsIGNlbGxDb2xTcGFuKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9DZWxsPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGxXaXRoU29ydCA9IEhlYWRlckNlbGxXaXRoU29ydENvbXBvbmVudDtcbiJdfQ== */"], tabIndex: 0, onClick, onKeyDown, ...restAdditionalHeaderCellProps, colSpan: colSpan ?? cellColSpan, rowSpan: rowSpan ?? cellRowSpan, scope: getHeaderCellScope(column.title, cellColSpan), children });
+};
+const HeaderCellWithSort = HeaderCellWithSortComponent;
+export {
+  HeaderCellWithSort
+};

package/dist/components/Table/features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.styles.d.ts

@@ -0,0 +1,7 @@
+import { TableTokens } from 'components/Table/Table.tokens';
+export declare const headerCellWithSortStyle: (tableTokens: TableTokens) => {
+    cursor: string;
+    ":hover": {
+        backgroundColor: "#F0F0F0";
+    };
+};

package/dist/components/Table/features/tableSort/components/HeaderCellWithSort/HeaderCellWithSort.styles.js

@@ -0,0 +1,9 @@
+const headerCellWithSortStyle = (tableTokens) => ({
+  cursor: "pointer",
+  ":hover": {
+    backgroundColor: tableTokens.tableHeaderBgHover
+  }
+});
+export {
+  headerCellWithSortStyle
+};